آموزش پیدا کردن سایز ایده آل تصاویر در اسلایدر رولوشن

یکی از سوالاتی که خیلی ار ما پرسیده می شه اینه که سایز ایده آل تصاویر در اسلایدر رولوشن چقدر هست و چطوری بهینه ترین سایز رو برای اسلاید ها پیدا کنیم؟

جواب دادن به این سوال همیشه برای ما سخت بوده! چرا که پاسخ به این سوال به چیزی که تو ذهنتون هست و چیزی که میخواید پیاده کنید و برنامه تون برای اون اسلایدر بستگی داره. ما نمیتونیم به راحتی به این سوال یه جواب عمومی بدیم چون این کاملا به خودتون و اسلایدی که میخواید ازش استفاده کنید بستگی داره.

ولی تو این پست قصد داریم بهتون کمک کنیم که چطوری می تونید بهترین سایز رو برای تصاویر اسلاید ها پیدا کنید.

تصاویر بزرگ = سایز بیشتر = مدت زمان بیشتر برای بارگذاری

هر چه تصاویری که استفاده می کنید بزرگ تر باشند، طبیعتا سایز اون ها هم بیشتر میشه و مدت زمانی که طول می کشه تا اون ها لود و بارگذاری بشوند هم افزایش پیدا می کنه.

برای این که سایز تصاویر رو کاهش بدین پیشنهاد ما استفاده از سایت tinypng.com هستش و یا می تونید همانند تصویر زیر از قابلیت Save for Web نرم افزار فتوشاپ به منظور کاهش سایز تصاویر بدون افت کیفیت اون ها استفاده کنید.

از تصاویر بیش از حد بزرگ استفاده نکنید.

اگه از قابلیت “Auto Resoinsive” استفاده می کنید و اسلایدر در داخل یک Boxed Container قرار داره و عرض اسلایدر شما هرگز از ۱۲۰۰ پیکسل تجاوز نمی کنه، تصاویر سایتتون به هیچ وجه نباید تصاویری باشه که عرضش بزرگتر از ۱۲۰۰ پیکسله…

تصاویر همیشه بر اساس Layer Grid Size تنظیم می شوند

تصاویری که شما در یک اسلایدر استفاده می کنید همیشه بر اساس Layer Grid Size یا همون سایز شبکه لایه ها تنظیم می شود.

البته توی اسلایدر وردپرس و اسلایدر رولوشن یه رابطه ریاضی برای تعیین سایز تصاویر وجود داره! که این رابطه فقط زمانی کاربرد داره که مورد ۲ که در بالا بهش اشاره کردیم رو رعایت کرده باشید:

عرض تصاویر = عرض اسلایدر

طول تصاویر = ارتفاع Grid (شبکه) * ( عرض اسلایدر ÷ عرض Grid )

بر اساس معادلات بالا، اگر عرض اسلایدر شما ۱۲۰۰ پیکسل باشد با یک تصویر با سایز ۱۰۰۰*۵۰۰ و یک سایز Grid یا شبکه ۱۰۰۰*۵۰۰ سایز تصویر به ۱۲۰۰*۶۰۰ تغییر سایز داده خواهد شد.

یک سوال متداول در زمانی که تصاویر تغییر سایز داده اند این است که چرا تصاویر کراپ می شوند و بعضی از بخش های تصاویر دیده نمی شوند؟

جواب رو می تونید توی معادله بالا پیدا کنید! تا زمانی که سایز تصویر شما با سایز Layers Grid و شبکه لایه های شما برابر باشد، تصویر نیز نیاز به کراپ شدن یا کشیده شدن دارد.

• برای جلوگیری از وقوع این مشکل می تونید سایز شبکه لایه ها یا Layer Grid Size رو به سایز تصویرتون تغییر بدید.