آموزش نصب و تنظیم افزونههای فشردهسازی تصویر برای وبسایتهای پر عکس
- محمد یاسر گنجی دوست
- No Comments
آموزش نصب و تنظیم افزونههای فشردهسازی تصویر: رژیم لاغری برای سایتهای سنگین
قبل از شروع، باید دو مفهوم کلیدی را بدانی:
-
فشردهسازی Lossy (با افت کیفیت جزئی): حجم را به شدت کم میکند. برای عکسهای وب عالی است (چشم انسان متوجه افت کیفیت نمیشود).
-
فشردهسازی Lossless (بدون افت کیفیت): حجم را کم میکند اما نه خیلی زیاد. فقط دادههای اضافی عکس را حذف میکند.
-
تبدیل به WebP: فرمت مدرن گوگل که باید حتماً فعال شود.
گزینه اول: افزونه Smush (محبوبترین و سادهترین)
اگر دنبال راهحلی هستید که “فقط کار کند” و تنظیمات پیچیده نداشته باشد.
۱. نصب و فعالسازی
-
به پیشخوان وردپرس > افزونهها > افزودن بروید.
-
عبارت “Smush” را جستجو و نصب کنید.
۲. تنظیمات جادویی (Setup Wizard)
بعد از فعالسازی، ویزارد باز میشود. این گزینهها را فعال کنید:
-
Automatic Compression: تا هر عکسی که آپلود میکنید، در همان لحظه فشرده شود.
-
Strip My Exif Data: اطلاعات دوربین (مکان، تاریخ، مدل دوربین) را از عکس حذف میکند (کاهش حجم).
-
Lazy Load: حتماً فعال کنید تا عکسها فقط وقتی کاربر اسکرول میکند، لود شوند.
۳. فشردهسازی تصاویر قدیمی (Bulk Smush)
-
به منوی Smush > Bulk Smush بروید.
-
دکمه “Bulk Smush Now” را بزنید. (در نسخه رایگان، هر بار ۵۰ عکس را فشرده میکند و باید دوباره دکمه را بزنید).
گزینه دوم: افزونه Imagify (حرفهایترین برای کیفیت و WebP)
اگر کیفیت برایتان حیاتی است و میخواهید کنترل دقیقی روی سطح فشردهسازی داشته باشید (پیشنهاد من برای سایتهای فروشگاهی).
۱. نصب و اتصال
-
افزونه “Imagify” را نصب کنید.
-
باید در سایت Imagify.io یک اکانت بسازید و API Key بگیرید (نسخه رایگان محدودیت حجم دارد، اما کیفیتش عالی است). کد API را در تنظیمات افزونه وارد کنید.
۲. تنظیمات کلیدی (Settings)
-
Auto-Optimize images on upload: تیک بزنید.
-
Backup original images: تیک بزنید (تا اگر از کیفیت راضی نبودید، برگردانید).
-
Optimization Level (سطح فشردهسازی):
-
Normal: بدون افت کیفیت (Lossless).
-
Aggressive: تعادل عالی بین حجم و کیفیت (پیشنهاد من).
-
Ultra: بیشترین کاهش حجم (ممکن است کیفیت کمی افت کند).
-
۳. بخش WebP (حیاتی)
-
تیک گزینه “Create WebP versions of images” را بزنید.
-
تیک گزینه “Display images in WebP format on the site” را بزنید.
-
نتیجه: افزونه به صورت خودکار نسخه WebP را میسازد و به جای JPEG به کاربر نشان میدهد (بدون تغییر ظاهر سایت).
گزینه سوم: افزونه LiteSpeed Cache (رایگان و قدرتمند)
اگر سرور سایت شما LiteSpeed است (که اکثر هاستهای خوب ایران هستند)، این بهترین گزینه است چون مستقیماً روی سرور کار میکند و فشاری به وردپرس نمیآورد.
۱. فعالسازی بخش تصویر
-
به منوی LiteSpeed Cache > Image Optimization بروید.
-
روی تب “Image Optimization Settings” کلیک کنید.
۲. تنظیمات طلایی
-
Auto Request Cron: روی ON بگذارید. (به طور خودکار عکسهای جدید را به سرور لایتاسپید میفرستد تا فشرده شوند).
-
Auto Pull Cron: روی ON بگذارید. (عکسهای فشرده شده را برمیگرداند).
-
Optimize Original Images: روی ON.
-
Create WebP Versions: روی ON (حتماً!).
-
Image WebP Replacement: روی ON (برای نمایش نسخه WebP به کاربر).
۳. اجرا
-
به تب اول (Image Optimization Summary) برگردید و دکمه “Gather Image Data” را بزنید.
-
این پروسه در پسزمینه انجام میشود و ممکن است برای سایتهای شلوغ زمانبر باشد، اما نتیجهاش (کاهش حجم تا ۷۰٪) ارزشش را دارد.
چکلیست تکمیلی برای طراحان وب (Professional Tips)
نصب افزونه کافی نیست؛ باید استراتژی داشته باشید:
۱. ریسایز کردن قبل از آپلود (Resizing)
هیچ افزونهای نمیتواند عکس ۶۰۰۰ پیکسلی دوربین را معجزه کند.
-
قانون: قبل از آپلود، عکس را در فتوشاپ یا سایتهایی مثل
iloveimg.comبه عرض استاندارد (مثلاً ۱۲۰۰ تا ۱۵۰۰ پیکسل) تغییر سایز دهید.
۲. محدودیت ابعاد در افزونه
در تنظیمات Smush یا Imagify، گزینهای به نام “Resize larger images” وجود دارد.
-
آن را روی Max Width: 1920px تنظیم کنید. اگر مشتری یا ادمین سایت اشتباهی عکس بزرگ آپلود کرد، افزونه خودکار آن را کوچک میکند.
۳. استثنا کردن عکسهای اصلی (Exclude LCP)
اگر از “Lazy Load” استفاده میکنید، حتماً لوگو و عکس اصلی محصول (اولین عکس بالا) را از لیزیلود مستثنی کنید.
-
چرا؟ چون اگر عکس اول دیر لود شود، گوگل نمره سرعت LCP را کاهش میدهد.
جمعبندی: کدام را انتخاب کنم؟
-
اگر هاست لایتاسپید دارید و بودجه ندارید: LiteSpeed Cache (بهترین گزینه).
-
اگر کیفیت و راحتی برایتان مهم است و بودجه کمی دارید: Imagify.
-
اگر یک راه حل ساده و بیدردسر میخواهید: Smush.
با اجرای یکی از این ۳ روش، حجم صفحات سایت خشکبار شما از ۳ مگابایت به زیر ۱ مگابایت میرسد و سرعت لود سایت “پرواز” میکند.