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

در این آموزش یاد میگیرید که چطوراز نرم افزار ویرایشگر تصاویر “فتوشاپ” برای بهینه سازی تصاویر سایت و کاهش حجم اونها بدون افت کیفیت استفاده کنید .

چرا بهینه سازی تصاویر مهمه ؟

یکی از مشکلات عدیده ای که در سایت های مشتریان میبینیم بحث سایز و حجم تصاویر هست . خیلی ها به این نکته دقت نمیکنن و تصاویر بعضاً با حجم چندمگابایتی در سایتشون آپلود میکنن . این کار باعث میشه حجم سایت زیاد بشه و سرعت سایت خیلی کم بشه .

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

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

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

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

File > Export > Save for Web (Legacy)

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

(دقت کنید اگر نسخه فتوشاپ شما قدیمی هست این گزینه رو مستقیماً در منوی فایل میتونید ببینید )

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

سوالات متداول کاربران در خصوص روش های کاهش حجم تصاویر سایت

اره . میتونید از افزونه هایی مثل WP Smash Pro استفاده کنید . استفاده از افزونه کارتون رو راحت تر میکنه ولی بهتره یاد بگیرید با فتوشاپ تصاویر رو به صورت کامل بهینه کنید که نیاز به نصب افزونه های اضافی نباشه و همچنین خودتون رو کیفیت نهایی کار نظارت داشته باشید .

بله میتونید از وب سایت هایی مثل imagecompressor استفاده کنید . برای پیدا کردن نمونه های بیشتر کافیه عبارت image optimize online رو در گوگل سرچ کنید .

اگر ابعاد تصویر اصلی شما دستکاری شده باشه و نسبت ارتفاع و عرض تصویر ثابت نمونده تصویر دچار کشیدگی میشه و باید حتماً دوباره توسط فتوشاپ ادیت بشه . اما اگر تصویر اصلی درسته و در سایت بصورت کشیده نمایش میده نیاز هست از یک متخصص وب بخواید این مورد رو براتون اصلاح کنه . نیاز هست کدهای قالب شما کمی تغییر کنه .

پاسخ سوالتون اینجا نبود ؟

اینکه غصه نداره ! سوالتون رو از ما بپرسید . . .

۰ پاسخ

دیدگاه خود را ثبت کنید

تمایل دارید در گفتگوها شرکت کنید؟
در گفتگو ها شرکت کنید.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

خوشحال میشیم از مطالب ما در سایتتون استفاده کنید . خوشحال تر میشیم اگر یک لینکی هم از مقالتون به سایت ما بدید