در پست «چک لیست کامل بهینه سازی تصاویر در سئو» با یک استاندارد برای اندازه و حجم بهینه تصاویر آشنا شدیم.
حالا می خواهیم بدانیم:
چطور می شود سایز و حجم تصاویرمان را تغییر دهیم، بدون اینکه کیفیت آنها کم شود؟
در ادامه، این کار را هم با نرم افزار فتوشاپ و هم بدون نرم افزار به شما آموزش می دهیم.
روش اول: تنظیم حجم و اندازه تصاویر با فتوشاپ
اگر علاقمندید کارهای سایت خود را با فتوشاپ انجام دهید، می توانید تغییر تصویر را به آسان ترین روش انجام دهید.
- ابتدا تصویر را در فتوشاپ باز کنید.
- سپس از منوی File گزینه Save for web را انتخاب کنید (شکل زیر)
تغییر اندازه تصویر در فتوشاپ- پیدا کردن گزینه Save for web
نکته: اگر در منوی File، گزینه Save for web را ندیدید، روی Export کلیک کنید، باید آنجا باشد.
در ضمن، کلید های میانبر این گزینه، دکمه های Alt+Shift+Ctrl+S است.
۳٫ با اجرای Save for web، پنجره زیر باز می شود.
مراحل تغییر اندازه و حجم عکس در فتوشاپ
همانطور که در عکس بالا شماره گذاری شده است می توانید سه آیتم نوع فایل، کیفیت و اندازه را تنظیم کنید.
نتیجه تغییرات این سه آیتم باعث تغییری حجم فایل می شود. قسنمی که با ۴ شمارگذاری شده است حجم عکس را در هر لحظه نشان می دهد.
۴٫ قبل از هر کاری، به عددی که در قسمت مشاهده حجم نشان داده شده نگاه می کنیم.
در این مثال حجم تصویر حدود ۲٫۷ مگابایت است.
حجم خیلی بیشتر از اندازه استاندارد است. (حجم بهینه تصاویر را اینجا ملاحظه کنید)
هدف ما کم کردن این حجم از طریق تنظیم سه آیتم نوع، اندازه و کیفیت تصویر است.
مرحله ۱ : تعیین نوع فایل
اگر تصویر، عکسی از منظره، انسان، اشیا و غیره است و پس زمینه دارد، JPG را انتخاب کنید و به مرحله ۲ بروید.
در صورتی که تصویرتان، لوگو یا آیکون یا تصویری بدون پس زمینه است، نوع فایل را روی PNG-8 بگذارید.
(این نوع تصاویر به صوت پیش فرض PNG هستند و برای کاهش حجم باید PNG-8 را انتخاب کنیم)
شکل زیر، دو تصویر با پس زمینه و بدون پس زمینه را نشان داده است.
تصویر png بدون پس زمینه و با پس زمینه
مرحله ۲ : تعیین اندازه تصویر
در این مرحله، باید اندازه استاندارد خود را روی تصویر اعمال کنیم.
قبلاً در «معرفی استانداردی برای اندازه و حجم تصاویر» پیشنهاد دادیم برای تصاویر بزرگ، متوسط و کوچک، عرض تصاویرمان را از قبل مشخص کنیم.
اینجا جایی است که باید آن اعداد را وارد کنیم.
مثلاً برای تصاویر بزرگ، پیشنهاد دادیم از عرض ۶۰۰ پیکسل استفاده کنیم.
برای اینکه عرض تصویرمان را تعیین کنیم، در فرم Save for web (که هنوز باز است) در قسمتی که با شماره ۲ مشخص شده، باید عرض را در کادر W وارد کنیم.
تنظیم عرض تصویر
به طور پیشفرض، با تغییر عرض (W)، ارتفاع (H) نیز به صورت خودکار تغییر می کند.
(البته اگر علامت در جلوی کادر را به تغییر دهید، ارتفاع اتوماتیک تغییر نمی کند. تغییر اندازه باید روی حالت خودکار باشد)
با تغییر اندازه تصویر، حجم آن نیز بلافاصله تغییر می کند.
(البته لازم است بعد از وارد کردن عرض، در جایی خارج از کادر آن کلیک کنید. من معمولاً داخل کادر H کلیک می کنم)
حالا می توانیم حجم جدید را ببینیم:
تغییر حجم عکس، بعد از تغییر اندازه
با این کار، حجم این عکس از ۲٫۷ مگابایت، به ۱۱۰ کیلوبایت رسیده است (بیش از ۲۰ برابر فشرده شده!)
در استانداردی که معرفی کردیم، حجم بهینه برای تصاویر بزرگ (با عرض ۶۰۰ پیکسل) حداکثر ۱۰۰ کیلوبایت است.
بنابراین، کافی است، ۱۰ کیلوبایت از این تصویر کم کنیم تا به مرز حجم استاندارد برسیم.
برای این کار، به یک تنظیم کوچک در مرحله ۳ نیاز داریم.
مرحله ۳ : تنظیم کیفیت تصویر
با تنظیم کیفیت تصویر، می توان حجم را کنترل کرد.
برای این کار، در بخش شماره سه، باید Quality را تغییر داد.
مقدار Quality به طور پیش فرض، ۱۰۰ است. با تغییر آن می توانیم حجم عکس خود را تنظیم کنیم.
برای مثال خودمان، با تغییر این عدد به ۹۷، حجم بلاقاصله به زیر ۱۰۰ کیلوبایت می رسد.
کم شدن حجم تصویر، با تغییر Quality
در هنگام تغییر کیفیت، لازم است، علاوه بر حجم، به کیفیت ظاهری تصویر هم دقت کنیم.
اگر تصویر تار یا نقطه-نقطه شده است، باید کیفیت را بالاتر ببریم.
(اگر تصویر را کامل نمی بینید، در پایین تصویر روی دکمه « – » کلیک کنید)
اگر حجم به حد استاندارد رسیده و کیفیت ظاهری تصویر عالی است، هنوز هم جا برای فشرده سازی تصویر دارد.
زیرا ما حداکثر حجم استاندارد را بیان کردیم و اگر بدون افت کیفیت، بتوانیم حجم را از این هم کمتر کنیم چه بهتر؛ سایت سبک تر می شود.
روش دوم: تنظیم حجم و اندازه تصاویر بدون نرم افزار
اگر دسترسی به فتوشاپ ندارید، می توانید از سایت های ویرایش آنلاین تصاویر استفاده کنید.
سایت های زیادی برای این کار وجود دارد که ما سایت picresize.com را به شما پیشنهاد می کنیم.
تصویر صفحه اصلی سایت picresize.com
کار کردن با این سایت بسیار ساده است. کل کار در سه مرحله انجام می شود:
۱- بارگذاری تصویر
ابتدا با دکمه Brows تصویر خود را آپلود کنید.
آپلود عکس در سایت
پس از بارگذاری، صفحه ای شبیه زیر نشان داده می شود.
آپلود عکس در سایت picresize.com
۲- تعیین اندازه تصویر
در بخش Resize Your Picture، مشخص می کنیم سایز تصویر چقدر کم شود؟
مثلاً اگر گزینه Smallerه۵۰% را انتخاب کنیم، اندازه تصویر در مجموع نصف می شود (هم عرض و هم طول).
دقت کنید که اندازه جدید در جلوی هر گزینه نمایش داده می شود تا قبل از تغییر نهایی اندازه را چک کنید.
مثلاً در شکل زیر با انتخاب ۵۰%، سایز نهایی (Estimated Final) تصویر ۶۲۹در ۲۱۳ پیکسل می شود. اگر مناسب نبود می توانید گزینه های دیگر را انتخاب کنید.
تغییر اندازه و حجم تصویر در picresize.com
۳- انتخاب نوع و کیفیت موردنظر
حالا علاوه بر انتخاب فرمت تصویر (jpg یا png)، باید کیفیت مورد نظر را انتخاب کنیم.
کیفیت های موجود به ترتیب خوب (Good)، بهتر (Better) و بهترین کیفیت (Best) است.
تنظیم کیفیت تصویر در picresize.com
در آخر، می توانید با کلیک روی دکمه زرد رنگ تصویر نهایی خود را دریافت کنید.
اگر حجم تصویر هنوز زیاد است می توانید تصویر اصلی یا همین تصویر را مجدداً آپلود کرده و گزینه ها را تغییر دهید تابه سایز و کیفیت استاندارد برسید.
چند توصیه پایانی
- اگر در کارکردن با سایت picresize به مشکل خوردید، می توانید این «دو ابزار رایگان ویرایشگر تصویر» را هم امتحان کنید.
- اگر فقط نیاز به تغییر اندازه عکس دارید و فتوشاپ و نرم افزار دیگری در اختیار نداشتید، می توانید از Paint ویندوز استفاده کنید.
البته پینت، کیفیت را تنظیم نمی کند؛ اما اگر با تغییر اندازه همچنان کیفیت و حجم تصویر بهینه باقی بماند، می توان از پینت استفاده کرد.
مراحل تغییر اندازه تصویر در پینت، در شکل زیر نشان داده شده است.
تغییر اندازه تصویر با Paint ویندوز
تمرین
به نظر شما، کدامیک از ابزارهای معرفی شده در این پست، برای تنظیم کیفیت بهتر است؟
چه معیاری برای انتخاب آن ابزار برای شما مهم تر است؟ آنلاین بودن، حرفه ای بودن، آسان بودن؟