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

یکشنبه ۳۱ مرداد ۱۳۹۵

کاهش حجم تصاویر و بهینه سازی برای سایت بدون افت کیفیتReviewed by جواد نبوی on Aug 21Rating: 4.5

کاهش حجم تصاویر

در دنیای امروز وب، یکی از مهم ترین مسائل سرعت انتقال اطلاعات است. هیچکس دوست ندارد ساعت ها منتظر باز شدن یک سایت بماند. اگر اینطور شود مطمئنا آن فرد دیگر تمایلی به بازدید از این سایت نخواهد داشت. به علاوه موتور های جستجو هم اهمیت زیادی به سرعت سایت شما میدهند. پس بر شما لازم است که فکری به حال سرعت سایتتان بکنید. تصاویر یکی از عوامل مهم کاهش سرعت سایت هستند. اما نمیتوان جذابیتی که یک عکس به سایت میدهد را با چیز دیگری پر کرد. پس باید برای بهینه سازی و کاهش حجم تصاویر سایت خود دست به کار شوید.

کاهش حجم تصاویر

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

روش های کاهش حجم تصاویر

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

کاهش حجم عکس ها با فتوشاپ

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

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

۱- از منوی File روی گزینه Save For Web کلیک کنید.

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

۲- پنجره ای باز می شود که باید تنظیمات ذخیره سازی عکس را انجام دهید.

۳- از بخش بالای پنجره، سمت چپ روی گزینه Up-2 کلیک کنید. اینکار باعث میشود تصویر اصلی و تصویر بهینه سازی شده را در کنار هم داشته باشید تا بتوانید کیفیت را مقایسه کنید. مانند تصویر زیر (تصویر اصلی در بالا و تصویر بهینه شده در پایین قرار گرفته است):

کاهش حجم تصاویر

۴- حال از قسمتی که در تصویر بالا با شماره ۱ مشخص کرده ایم، باید نوع ذخیره سازی را تعیین کنید. برای عکس هایی که رنگ های متنوع و زیادی دارند و عکس های واقعی (مثل طبیعت، انسان و هر عکسی با جزئیات زیاد) از فرمت JPEG استفاده کنید. اما برای تصاویر ساده و با رنگ های کم، به خصوص تصاویر فلت و همچنین عکس هایی که پس زمینه خالی یا transparent دارند از فرمت PNG-8 یا PNG-24 استفاده کنید. در اکثر موارد PNG-8 برای عکس های ساده توصیه می شود. اگر فرمت JPEG را انتخاب کردید از قسمت Quality کیفیت تصویر را تغییر دهید تا به سایز و کیفیت دلخواه خود برسید. اما اگر PNG-8 را انتخاب کرده اید، باید Colors تعداد رنگ هایی که میخواهید در عکس وجود داشته باشد را انتخاب کنید. هرچه تعداد رنگ کمتر باشد حجم کمتر و طبیعتا کیفیت پایین تر خواهد بود. آنقدر بالا و پایین کنید که به کیفیت خوب و حجم کم برسید.

۵- در نهایت روی دکمه Save موجود در پایین پنجره کلیک کنید و عکستان را در محل دلخواه ذخیره کنید. تمام شد! تصویر بهینه سازی شده شما آماده است و میتوانید از آن در سایت خود استفاده کنید.

کاهش حجم تصاویر در وردپرس با WP Smush

اگر میخواهید تصاویرتان بلافاصله پس از آپلود در وردپرس، به صورت خودکار بهینه شوند بهترین افزونه برای اینکار WP Smush است. آنرا نصب و فعال کنید. برای اطلاعات بیشتر راهنمای نصب و فعالسازی افزونه ها در وردپرس را ببینید.

حال هر تصویری که از طریق وردپرس آپلود کنید، توسط این افزونه بهینه سازی شده و کاهش حجم میابد.

اگر میخواهید تصاویر قبلی سایتتان را بهینه کنید، از منوی سمت راست وردپرس به مسیر رسانه » WP Smush بروید.

در صفحه باز شده روی دکمه BULK SMUSH NOW کلیک کنید.

آموزش افزونه WP Smush

حال منتظر بمانید تا عملیات کاهش حجم تصاویر شما به اتمام برسد. توجه داشته باشید که نسخه رایگان این افزونه با هر کلیک فقط ۵۰ عکس را بهینه سازی می کند. بنابراین اگر تصاویر بیشتری در سایت خود دارید باید بعد از اتمام عملیات دوباره روی این دکمه کلیک کنید تا ۵۰ عکس دیگر بهینه شوند.

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

سایت compressor.io یکی از سایت های بسیار خوب برای بهینه سازی تصاویر به صورت آنلاین می باشد. وارد آن شوید تا ادامه کار را به شما بگویم.

کاهش حجم تصاویر به صورت آنلاین

روی دکمه TRY IT ! کلیک کنید. سپس روی دکمه SELECT FILE کلیک کنید و عکس مورد نظرتان را از کامپیوتر خود انتخاب کنید. منتظر بمانید تا عملیات آپلود به اتمام برسد. پس از اتمام عملیات تصویر شما که بهینه شده است نمایش داده می شود. با حرکت دادن موس روی تصویر میتوانید عکس اصلی و کم حجم را با هم مقایسه کنید. عکس اصلی در سمت چپ و عکس کم حجم در سمت راست نشان گر شما قرار گرفته است.

کاهش حجم تصاویر

در بخش سمت راست زیر عکس میبینید که چند درصد از حجم تصویر شما کاهش یافته است. روی دکمه DOWNLOAD YOUR FILE کلیک کنید تا تصویر بهینه شده را دریافت کنید. سپس میتوانید آن را در سایت خود قرار دهید.

از سرویس های آنلاین دیگری که برای کاهش حجم تصویر به کار میروند میتوان به  compressnow ، tinypng ، jpeg-optimizer و optimizilla اشاره کرد.

امیدواریم این پست برای شما مفید بوده باشد. اگر سرویس یا ابزار دیگری برای کاهش حجم تصاویر میشناسید خوشحال میشویم در بخش نظرات آنرا با دیگران به اشتراک بگذارید.

تبلیغات

نویسنده (مدیر سایت)

جواد نبوی هستم. حدود 7 سالی میشه در زمینه طراحی وب و گرافیک کار می کنم و بعد از توپ دیزاین، این دومین سایت آموزش طراحی وب و گرافیک هستش که راه انداختم. امیدوارم بتونم برای همه ی شما مفید باشم.

1 دیدگاه برای “کاهش حجم تصاویر و بهینه سازی برای سایت بدون افت کیفیت”

  1. مجید گفت:

    خیلی عالی بود

پاسخ دهید

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