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