بهینه سازی تصاویر و کاهش حجم و سایز اونها به کمک فتوشاپ
در این آموزش یاد میگیرید که چطوراز نرم افزار ویرایشگر تصاویر “فتوشاپ” برای بهینه سازی تصاویر سایت و کاهش حجم اونها بدون افت کیفیت استفاده کنید .
چرا بهینه سازی تصاویر مهمه ؟
یکی از مشکلات عدیده ای که در سایت های مشتریان میبینیم بحث سایز و حجم تصاویر هست . خیلی ها به این نکته دقت نمیکنن و تصاویر بعضاً با حجم چندمگابایتی در سایتشون آپلود میکنن . این کار باعث میشه حجم سایت زیاد بشه و سرعت سایت خیلی کم بشه .
نکته دیگه بحث سایز تصاویر هست . یه جاهایی مثل صفحه اصلی سایت که قراره تصاویر پیش نمایش با ابعاد متوسط (حدود 300*300 پیکسل) نمایش داده بشه نیاز نیست تصاویری با سایز های بالاتر از 1000 پیکسلی آپلود کنید. هرچقدر سایز تصاویر بزرگتر باشه حجم عکس هم بیشتر میشه .
چطوری حجم و سایز تصاویر رو با فتوشاپ کاهش بدیم ؟
فتوشاپ این امکان رو بوجود آورده که بتونید تصاویری که میخواید در وب ازشون استفاده کنید رو به بهترین شیوه ممکن کاهش حجم بدید . در این روش ابتدا کلیه اطلاعات اضافی تصاویر حذف میشه و در ادامه میتونید با کاهش فرمت ، کیفیت و سایز تصاویر حجم اونها رو به طور کاملاً محسوس کاهش بدید . برای بهینه سازی تصاویر در فتوشاپ کافیه بعد از ویرایش تصویرتون ، به مسیر زیر برید :
File > Export > Save for Web (Legacy)
با کلیک بر روی گزینه Save for Web یه پنجره این شکلی براتون باز میشه که میتونید فرمت ، سایز و حجم نهایی تصویر رو تعیین کنید .
(دقت کنید اگر نسخه فتوشاپ شما قدیمی هست این گزینه رو مستقیماً در منوی فایل میتونید ببینید )
تعیین فرمت و کیفیت تصویر :
از اینجا میتونید مشخص کنید تصویر شما با چه فرمتی ذخیره بشه . دو انتخاب متداول JPEG و PNG-24 هست . در حالت JPEG تصویر ترنسپرنت نیست (یعنی پشت زمینه عکس دیده نمیشه) ولی سایزش معمولاً کمتره . PNG میتونه ترنسپرنت باشه ولی سایز تصاویر اغلب بیشتر از JPEG هست. اگر JPEG رو انتخاب کردید از طریق اهرم Quality میتونید کیفیت تصویر رو تغییر بدید . با کم کردن کیفیت تصویر حجم اون هم کاهش پیدا میکنه . معمولاً کیفیت تصویر 60 بهترین حالت تصویر و حجم رو بهمون میده .
تعیین سایز تصاویر :
سایز تصاویر به محل نمایش اونها بستگی داره . اگر دارید تصاویری تمام عرض برای اسلایدر سایتتون انتخاب می کنید باید عرضی در حدود 1500 پیکسل داشته باشه . اما تصاویر شاخص مطالب سایتتون باید حدود 600 پیکسل یا کمتر باشه .
نکته مهم این بخش اینه که او علامت زنجیر باید فعال باشه تا اگر هر آیتم (عرض یا ارتفاع) رو عوض کردید آیتم دیگه هم تغییر کنه . اینطوری نسبت تصویر ثابت میشه . اگر زنجیر فعال نباشه و شما عرض رو زیاد کنید تصویرتون حالت کشیده پیدا میکنه و خیلی بی ریخت میشه !
پیش بینی حجم تصویر نهایی :
هر تغییری روی عکس اعمال کنید اینجا حجم نهایی رو بهتون اعلام میکنه . مثلا اگر فرمت jpeg رو انتخاب کنید هر چقدر Quality رو کم کنید اینجا حجم نهایی تصویر رو کمتر میکنه . اگر فرمت تصویر یا سایز اون رو هم تغییر بدید این عدد دستخوش تغییر میشه . بنابراین باید بهینه ترین حالت رو انتخاب کنید که نه سیخ بسوزه نه کباب . . . نه کیفیت کم بشه نه حجم زیاد بالا بره .
معمولاً برای تصاویر شاخص تصاویر باید کمتر از 100 کیلوبایت باشه و برای تصاویر بزرگ و اسلایدری حدود 300 کیلوبایت
مقایسه تصاویر :
از طریق این بخش میتونید ببینید تصویر بهینه سازی شده با تصویر اورجینال چقدر تفاوت داره . میتونید تصویر اصلی و بهینه سازی رو به صورت مجزا ببینید . یا اینکه پنجره رو به 2 یا 4 بخش تقسیم کنید و تغییرات رو همزمان ببینید . این بخش به صورت پیشفرض روی تصویر نهایی یا بهینه سازی شده قرار داره .
اینطوری میتونید میزان دقیق تری از Quality رو انتخاب کنید . تا جایی که تصویر خراب نشه میشه کیفیت رو کاهش داد و حجم نهایی رو پایین اورد .
ترفندهای مرتبط
آخرین محصولات
دیدگاه خود را ثبت کنید
تمایل دارید در گفتگوها شرکت کنید؟در گفتگو ها شرکت کنید.