بهینه سازی تصاویر بدون افت کیفیت به کمک فتوشاپ

مقدمه

یکی از مشکلات عدیده ای که در سایت های مشتریان میبینیم بحث سایز و حجم تصاویر هست . خیلی ها به این نکته دقت نمیکنن و تصاویر بعضاً با حجم چندمگابایتی در سایتشون آپلود میکنن . این کار باعث میشه حجم سایت زیاد بشه و سرعت سایت خیلی کم بشه . نکته دیگه بحث سایز تصاویر هست . یه جاهایی مثل صفحه اصلی سایت که قراره تصاویر پیش نمایش با ابعاد متوسط (حدود ۳۰۰*۳۰۰ پیکسل) نمایش داده بشه نیاز نیست تصاویری با سایز های بالاتر از ۱۰۰۰ پیکسلی آپلود کنید. هرچقدر سایز تصاویر بزرگتر باشه حجم عکس هم بیشتر میشه .در این آموزش یاد میگیرید که چطور از نرم افزار ویرایشگر تصاویر “فتوشاپ” برای بهینه سازی تصاویر سایت و کاهش حجم اونها بدون افت کیفیت استفاده کنید.
راهنمای مطالعه

بهینه سازی تصاویر با استفاده از فتوشاپ

چطوری حجم و سایز تصاویر رو با فتوشاپ کاهش بدیم ؟

فتوشاپ این امکان رو بوجود آورده که بتونید تصاویری که میخواید در وب ازشون استفاده کنید رو به بهترین شیوه ممکن کاهش حجم بدید . در این روش ابتدا کلیه اطلاعات اضافی تصاویر حذف میشه و در ادامه میتونید با کاهش فرمت ، کیفیت و سایز تصاویر حجم اونها رو به طور کاملاً محسوس کاهش بدید . برای بهینه سازی تصاویر در فتوشاپ کافیه بعد از ویرایش تصویرتون ، به مسیر زیر برید :

File > Export > Save for Web (Legacy)

با کلیک بر روی گزینه Save for Web یه پنجره این شکلی براتون باز میشه که میتونید فرمت ، سایز و حجم نهایی تصویر رو تعیین کنید . (دقت کنید اگر نسخه فتوشاپ شما قدیمی هست این گزینه رو مستقیماً در منوی فایل میتونید ببینید )

کاهش حجم و سایز تصاویر در فتوشاپ

تعیین فرمت و کیفیت تصویر

از اینجا میتونید مشخص کنید تصویر شما با چه فرمتی ذخیره بشه . دو انتخاب متداول JPEG و PNG-24 هست . در حالت JPEG تصویر ترنسپرنت نیست (یعنی پشت زمینه عکس دیده نمیشه) ولی سایزش معمولاً کمتره . PNG میتونه ترنسپرنت باشه ولی سایز تصاویر اغلب بیشتر از JPEG هست.  اگر JPEG رو انتخاب کردید از طریق اهرم Quality میتونید کیفیت تصویر رو تغییر بدید . با کم کردن کیفیت تصویر حجم اون هم کاهش پیدا میکنه . معمولاً کیفیت تصویر ۶۰ بهترین حالت تصویر و حجم رو بهمون میده .

تغییر فرمت و کیفیت تصویر در فتوشاپ - بهینه سازی تصاویر

تعیین سایز تصاویر

سایز تصاویر به محل نمایش اونها بستگی داره . اگر دارید تصاویری تمام عرض برای اسلایدر سایتتون انتخاب می کنید باید عرضی در حدود ۱۵۰۰ پیکسل داشته باشه . اما تصاویر شاخص مطالب سایتتون باید حدود ۶۰۰ پیکسل یا کمتر باشه .

نکته مهم این بخش اینه که او علامت زنجیر باید فعال باشه تا اگر هر آیتم (عرض یا ارتفاع) رو عوض کردید آیتم دیگه هم تغییر کنه . اینطوری نسبت تصویر ثابت میشه . اگر زنجیر فعال نباشه و شما عرض رو زیاد کنید تصویرتون حالت کشیده پیدا میکنه و خیلی بی ریخت میشه !

تغییر سایز تصاویر در فتوشاپ - بهینه سازی تصاویر

پیش بینی حجم تصویر نهایی

هر تغییری روی عکس اعمال کنید اینجا حجم نهایی رو بهتون اعلام میکنه . مثلا اگر فرمت jpeg رو انتخاب کنید هر چقدر Quality رو کم کنید اینجا حجم نهایی تصویر رو کمتر میکنه . اگر فرمت تصویر یا سایز اون رو هم تغییر بدید این عدد دستخوش تغییر میشه . بنابراین باید بهینه ترین حالت رو انتخاب کنید که نه سیخ بسوزه نه کباب . . . نه کیفیت کم بشه نه حجم زیاد بالا بره .

معمولاً برای تصاویر شاخص تصاویر باید کمتر از ۱۰۰ کیلوبایت باشه و برای تصاویر بزرگ و اسلایدری حدود ۳۰۰ کیلوبایت

بهینه سازی تصاویر - مشاهده پیش نمایش و خروجی تصاویر در فتوشاپ

مقایسه تصاویر

از طریق این بخش میتونید ببینید تصویر بهینه سازی شده با تصویر اورجینال چقدر تفاوت داره . میتونید تصویر اصلی و بهینه سازی رو به صورت مجزا ببینید . یا اینکه پنجره رو به ۲ یا ۴ بخش تقسیم کنید و تغییرات رو همزمان ببینید . این بخش به صورت پیشفرض روی تصویر نهایی یا بهینه سازی شده قرار داره .

اینطوری میتونید میزان دقیق تری از Quality رو انتخاب کنید . تا جایی که تصویر خراب نشه میشه کیفیت رو کاهش داد و حجم نهایی رو پایین اورد .

مقایسه تصاویر بهینه سازی شده در فتوشاپ - بهینه سازی تصاویر

 

اگر از این مطلب خوشتون اومده برای دوستاتونم ارسالش کنید!
دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد.

دانلود کتاب الکترونیکی

لطفا برای دریافت لینک دانلود اطلاعات خواسته شده را وارد نمایید