احسان قربانی
6 سال پیش توسط احسان قربانی مطرح شد
5 پاسخ

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

دوستان راکتی سلام D:
واقعا ببخشید این قدر از این بحث و گفت و گو ها میذارم و وقتتون رو میگیرم . من دارم یه سایت با مضمون فست فود طراحی میکنم . تا اینجا اینجوری شده . چطوره؟
http://s8.picofile.com/file/8330516584/Sitedesing.png
و یه سوال : من میدونم خیلی تو این طراحی از عکس استفاده شده و این ممکنه باعث کاهش سرعت لودینگ بشه . ایا جایگزینی برای این کار هست ؟
در ضمن اون بخش بهترین ها و .... که طراحی کردم . تو اونجا من از layer mask استفاده کردم تا فقط یه بخشی از کل عکس توی اون قسمت انتخاب شده نمایش داده بشه . این رو با css میشه درست کرد یا نه ؟
با تشکر D:


ثبت پرسش جدید
علیرضا جوکار
تخصص : web developer
@alirezajokar 6 سال پیش مطرح شد
1

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

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

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


احسان قربانی
تخصص : PHP ، در حال یادگیری لاراول ،...
@TimeRunner2359 6 سال پیش مطرح شد
0

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


Mobin Yazdanparast
تخصص : برنامه نویس اندروید ، وب
@mobinyazdanparast9 6 سال پیش مطرح شد
0

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


مهدی ابراهیمی
تخصص : برنامه نویس وب
@azkia 6 سال پیش مطرح شد
0

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


تیرداد
@abbasi.tirdad 6 سال پیش مطرح شد
0

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام