بهینه سازی تصاویر و کاهش حجم و سایز اونها به کمک فتوشاپ
نوین ادمین » ترفندهای وردپرس » بهینه سازی تصاویر و کاهش حجم و سایز اونها به کمک فتوشاپ
تاریخ ثبت : ۲۴ بهمن ۱۳۹۸
چطوری حجم و سایز تصاویر رو با فتوشاپ کاهش بدیم ؟
تنظیم کیفیت و حجم دست خودتونه !
فتوشاپ این امکان رو بوجود آورده که بتونید تصاویری که میخواید در وب ازشون استفاده کنید رو به بهترین شیوه ممکن کاهش حجم بدید . در این روش ابتدا کلیه اطلاعات اضافی تصاویر حذف میشه و در ادامه میتونید با کاهش فرمت ، کیفیت و سایز تصاویر حجم اونها رو به طور کاملاً محسوس کاهش بدید . برای بهینه سازی تصاویر در فتوشاپ کافیه بعد از ویرایش تصویرتون ، به مسیر زیر برید :
File > Export > Save for Web (Legacy)
با کلیک بر روی گزینه Save for Web یه پنجره این شکلی براتون باز میشه که میتونید فرمت ، سایز و حجم نهایی تصویر رو تعیین کنید .
(دقت کنید اگر نسخه فتوشاپ شما قدیمی هست این گزینه رو مستقیماً در منوی فایل میتونید ببینید )
تعیین فرمت و کیفیت تصویر
کم حجم ترین فرمت jpg هست
از اینجا میتونید مشخص کنید تصویر شما با چه فرمتی ذخیره بشه . دو انتخاب متداول JPEG و PNG-24 هست . در حالت JPEG تصویر ترنسپرنت نیست (یعنی پشت زمینه عکس دیده نمیشه) ولی سایزش معمولاً کمتره . PNG میتونه ترنسپرنت باشه ولی سایز تصاویر اغلب بیشتر از JPEG هست. اگر JPEG رو انتخاب کردید از طریق اهرم Quality میتونید کیفیت تصویر رو تغییر بدید . با کم کردن کیفیت تصویر حجم اون هم کاهش پیدا میکنه . معمولاً کیفیت تصویر ۶۰ بهترین حالت تصویر و حجم رو بهمون میده .
تعیین سایز تصاویر
ابعاد تصویر رو متناسب با محل نمایش تعیین کن
سایز تصاویر به محل نمایش اونها بستگی داره . اگر دارید تصاویری تمام عرض برای اسلایدر سایتتون انتخاب می کنید باید عرضی در حدود ۱۵۰۰ پیکسل داشته باشه . اما تصاویر شاخص مطالب سایتتون باید حدود ۶۰۰ پیکسل یا کمتر باشه .
نکته مهم این بخش اینه که او علامت زنجیر باید فعال باشه تا اگر هر آیتم (عرض یا ارتفاع) رو عوض کردید آیتم دیگه هم تغییر کنه . اینطوری نسبت تصویر ثابت میشه . اگر زنجیر فعال نباشه و شما عرض رو زیاد کنید تصویرتون حالت کشیده پیدا میکنه و خیلی بی ریخت میشه !
پیش بینی حجم تصویر نهایی
سعی کنید حجم تصویر نهایی زیاد نشه !
هر تغییری روی عکس اعمال کنید اینجا حجم نهایی رو بهتون اعلام میکنه . مثلا اگر فرمت jpeg رو انتخاب کنید هر چقدر Quality رو کم کنید اینجا حجم نهایی تصویر رو کمتر میکنه . اگر فرمت تصویر یا سایز اون رو هم تغییر بدید این عدد دستخوش تغییر میشه . بنابراین باید بهینه ترین حالت رو انتخاب کنید که نه سیخ بسوزه نه کباب . . . نه کیفیت کم بشه نه حجم زیاد بالا بره .
معمولاً برای تصاویر شاخص تصاویر باید کمتر از ۱۰۰ کیلوبایت باشه و برای تصاویر بزرگ و اسلایدری حدود ۳۰۰ کیلوبایت
مقایسه تصاویر
کیفیت ها رو با هم مقایسه کنید
از طریق این بخش میتونید ببینید تصویر بهینه سازی شده با تصویر اورجینال چقدر تفاوت داره . میتونید تصویر اصلی و بهینه سازی رو به صورت مجزا ببینید . یا اینکه پنجره رو به ۲ یا ۴ بخش تقسیم کنید و تغییرات رو همزمان ببینید . این بخش به صورت پیشفرض روی تصویر نهایی یا بهینه سازی شده قرار داره .
اینطوری میتونید میزان دقیق تری از Quality رو انتخاب کنید . تا جایی که تصویر خراب نشه میشه کیفیت رو کاهش داد و حجم نهایی رو پایین اورد .
عضویت در خبرنامه نوین ادمین
عضو خبرنامه بشید تا مقالات سایت رو از طریق ایمیل براتون ارسال کنیم !
سوالات متداول کاربران
از افزونه ها هم میشه استفاده کرد ؟
اره . میتونید از افزونه هایی مثل WP Smash Pro استفاده کنید . استفاده از افزونه کارتون رو راحت تر میکنه ولی بهتره یاد بگیرید با فتوشاپ تصاویر رو به صورت کامل بهینه کنید که نیاز به نصب افزونه های اضافی نباشه و همچنین خودتون رو کیفیت نهایی کار نظارت داشته باشید .
ابزارهای آنلاین هم برای این کار هست ؟
بله میتونید از وب سایت هایی مثل imagecompressor استفاده کنید . برای پیدا کردن نمونه های بیشتر کافیه عبارت image optimize online رو در گوگل سرچ کنید .
چرا تصاویر سایت من کشیده به نظر میرسه ؟
اگر ابعاد تصویر اصلی شما دستکاری شده باشه و نسبت ارتفاع و عرض تصویر ثابت نمونده تصویر دچار کشیدگی میشه و باید حتماً دوباره توسط فتوشاپ ادیت بشه . اما اگر تصویر اصلی درسته و در سایت بصورت کشیده نمایش میده نیاز هست از یک متخصص وب بخواید این مورد رو براتون اصلاح کنه . نیاز هست کدهای قالب شما کمی تغییر کنه .
نوشته های مرتبط
پیشنهاد می کنیم این مطالب رو هم مطالعه کنید
دیدگاه خود را ثبت کنید
تمایل دارید در گفتگوها شرکت کنید؟در گفتگو ها شرکت کنید.