یکی از سوالاتی که خیلی ار ما پرسیده می شه اینه که سایز ایده آل تصاویر در اسلایدر رولوشن چقدر هست و چطوری بهینه ترین سایز رو برای اسلاید ها پیدا کنیم؟
جواب دادن به این سوال همیشه برای ما سخت بوده! چرا که پاسخ به این سوال به چیزی که تو ذهنتون هست و چیزی که میخواید پیاده کنید و برنامه تون برای اون اسلایدر بستگی داره. ما نمیتونیم به راحتی به این سوال یه جواب عمومی بدیم چون این کاملا به خودتون و اسلایدی که میخواید ازش استفاده کنید بستگی داره.
ولی تو این پست قصد داریم بهتون کمک کنیم که چطوری می تونید بهترین سایز رو برای تصاویر اسلاید ها پیدا کنید.
هر چه تصاویری که استفاده می کنید بزرگ تر باشند، طبیعتا سایز اون ها هم بیشتر میشه و مدت زمانی که طول می کشه تا اون ها لود و بارگذاری بشوند هم افزایش پیدا می کنه.
برای این که سایز تصاویر رو کاهش بدین پیشنهاد ما استفاده از سایت tinypng.com هستش و یا می تونید همانند تصویر زیر از قابلیت Save for Web نرم افزار فتوشاپ به منظور کاهش سایز تصاویر بدون افت کیفیت اون ها استفاده کنید.
اگه از قابلیت “Auto Resoinsive” استفاده می کنید و اسلایدر در داخل یک Boxed Container قرار داره و عرض اسلایدر شما هرگز از ۱۲۰۰ پیکسل تجاوز نمی کنه، تصاویر سایتتون به هیچ وجه نباید تصاویری باشه که عرضش بزرگتر از ۱۲۰۰ پیکسله…
تصاویری که شما در یک اسلایدر استفاده می کنید همیشه بر اساس Layer Grid Size یا همون سایز شبکه لایه ها تنظیم می شود.
البته توی اسلایدر وردپرس و اسلایدر رولوشن یه رابطه ریاضی برای تعیین سایز تصاویر وجود داره! که این رابطه فقط زمانی کاربرد داره که مورد ۲ که در بالا بهش اشاره کردیم رو رعایت کرده باشید:
عرض تصاویر = عرض اسلایدر
طول تصاویر = ارتفاع Grid (شبکه) * ( عرض اسلایدر ÷ عرض Grid )
بر اساس معادلات بالا، اگر عرض اسلایدر شما ۱۲۰۰ پیکسل باشد با یک تصویر با سایز ۱۰۰۰*۵۰۰ و یک سایز Grid یا شبکه ۱۰۰۰*۵۰۰ سایز تصویر به ۱۲۰۰*۶۰۰ تغییر سایز داده خواهد شد.
یک سوال متداول در زمانی که تصاویر تغییر سایز داده اند این است که چرا تصاویر کراپ می شوند و بعضی از بخش های تصاویر دیده نمی شوند؟
جواب رو می تونید توی معادله بالا پیدا کنید! تا زمانی که سایز تصویر شما با سایز Layers Grid و شبکه لایه های شما برابر باشد، تصویر نیز نیاز به کراپ شدن یا کشیده شدن دارد.
به این آموزش چه امتیازی می دهید؟
میانگین امتیاز ۲٫۹ / ۵٫ تعداد آرا: ۱۲
مطلب پیشنهادی برای این پست پیدا نشد!
3 Comments
زنده باشی ای بزرگمرد ، چه سخن نابی گفتی ! همین کار را پیگیر باش و هر چی میدونی یادبده . سپاس سپاس سپاس
درود برشما…از نظر و لطفتون سپاسگزارم.
تشکر از زحماتتون