استفاده از عکس ها در سایت

سلام نظر کلیم در مورد قالب اینه که خیلی ساده و قدیمیه و اون قسمت بالای فوتر هست که بکگراند نارنجی داره (why foodrun) به نظرم بکگراندش خیلی بده

در مورد تصاویر هم به نظرم اگر عکس ها متناسب با اندازه ای که میخوایین کراپ بشن خب طبیعتا حجم تصاویر خیلی کم میشه این امر رو میتونین موقع اپلود انجامش بدید
مورد دوم کش هست که به نظرم خیلی تاثیر داره
توصیه هم میکنم قبل از اپلود تصاویر ، حجمشون تا جایی که امکانش هست کم کنین میتونین از سایت هایی مثل سایت زیر استفاده کنین:
tinypng.com

و مورد اخر که به نظرم خیلی خیلی مهمه تو سرعت لود وبسایتتون استفاده از lazy load هست. کارش اینه که زمانی که وبسایت لود میشه بعد تصاویر رو لود میکنه و تا زمانی هم که اسکرول به اون بخش نرسیده تصاویر رو همون ابتدا لود نمیکنه که باعث کاهش سرعت بشه

@alirezajokar1
ممنون بابت راهنماییتون. شم گفتید سایت ساده و قدیمیه. میشه بگید چطور یه سایت مدرن طراحی کنم ؟

@ehsanghorbani190
شما میتونید دموهایی که برای قالب های وردپرسی تو سایت های مختلف هس رو نگاه کنید تا یکم دید طراحیتون بهتر بشه. نکته دوم اینکه در حال حاضر سایت های زیادی هستند که عکس های باکیفیتی میزارن . شما میتونید طبق راهنمایی دوستان عمل کنید و با استفاده از کتابخانه های جاوا اسکریپت هم حجم عکس رو کم کنید و هم کش کنید و هم قابلیت lazy load رو به سایتتون اضافه کنید.

من که از سایتت خیلی خوشم اومد. ظاهرش به نظرم قشنگه.(البته میگم این نظر شخصیمه)
برای فشرده سازی فایلات میتونی از webpack استفاده کنی.(مثلا تصویرتو بهینه کنی). اگه کار با webpack بلد نیستی به نظرم laravel-mix یه انتخاب خوبی میتونه برات باشه.(البته نمیدونم laravel-mix تصاویر کم حجم میکنه یا نه ). اگه از لاراول میکس هم خوشت نیومد میتونی از photoshop استفاده کنی. اگه از اونم خوشت نیومد میتونی از راه حل های بقیه دوستان که داخل اینجا توضیح دادن استفاده کنی.
روش به نظرم زیاده کلا ببین با کدومشون راحتتری. xD

در مورد این که این سایت شبیه وب سایت های قدیمی شده و مدرن بنظر نمیاد چند تا نکته هست که بهترش میکنه .
1- پهنای وب سایت هست که اگه بتونی جوری طراحی کنی که عرض مانیتورهای واید رو پر کنه و از wrapper استفاده نکنی بهتره .
2- بنظرم ارتفاع عکس اصلی زیاده و تو اکثر رزولوشن ها اسکرول می خوره
3- بنظرم فواصل و مارژین ها دقیق و مرتب باشه بهتره
4- اندازه فونتها بنظرم مناسب نیست بزرگ و کوچکی به نوع و اهمیتش باید رعایت بشه .
5- در مورد قیمتها بنظرم یه طوری متمایزتر کن که راحت تر دیده بشه
6- حجم تصاویر رو هم همونطور که دوستان گفتن با ابزارهای آنلاین و یا لوکال کم کن و در اصطلاح optimize کن
7- و اخرین نکته و مهمترین سایت رو حتما ریسپانسیو طراحی کن و UX و UI رو برای موبایل در نظر بگیر.
کلا چیزی که بنظر میرسه کسی که این وب سایت رو طراحی کرده گرافیست بوده اما با مبانی طراحی وب شاید آشنایی کمتری داشته