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

عکس‌های سنگین می‌تونن بخش بزرگی از حجم صفحه رو به خودشون اختصاص بدن و کاربر رو منتظر نگه دارن. توی این آموزش سراغ نسخه رایگان افزونه Smush می‌ریم تا تصاویر جدید و قدیمی سایتتون رو فشرده کنید، جلوی آپلود عکس‌های بیش‌ازحد بزرگ رو بگیرید و در صورت نیاز Lazy Load یا بارگذاری تنبل رو راه بندازید.

Smush همون افزونه‌ایه که شاید اسم قدیمی اون، یعنی WP Smush یا WP Smush.it، به گوشتون خورده باشه. ظاهر و امکانات افزونه در نسخه‌های تازه تغییر کرده و محدودیت قدیمی پردازش ۵۰ تصویر در هر نوبت هم دیگه مطرح نیست. اینجا فقط سراغ قابلیت‌های رایگان می‌ریم و هرجا گزینه‌ای پولی باشه، واضح بهش اشاره می‌کنیم.

چرا باید حجم تصاویر وردپرس رو کم کنیم

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

بهینه‌سازی تصاویر می‌تونه حجم صفحه و زمان دانلود فایل‌ها رو کمتر کنه و تجربه کاربری بهتری بسازه. ولی هیچ افزونه‌ای به‌تنهایی رتبه بهتر در گوگل یا امتیاز مشخصی در ابزارهای سنجش سرعت رو تضمین نمی‌کنه. سرعت سرور، قالب، افزونه‌ها، کش و ساختار هر صفحه هم روی نتیجه اثر می‌ذارن.

بهتره قبل از آپلود، ابعاد هر عکس رو با محل نمایش اون هماهنگ کنید. مثلاً اگه تصویر داخل نوشته با عرض ۱۲۰۰ پیکسل دیده می‌شه، آپلود نسخه ۶۰۰۰ پیکسلی معمولاً سودی نداره. اگه می‌خواید گزینه‌های دیگه رو هم بشناسید، مقاله بهترین افزونه‌های کاهش حجم تصاویر وردپرس کمکتون می‌کنه.

آیا خود وردپرس تصاویر رو بهینه می‌کنه

بله، وردپرس بخشی از این کار رو خودش انجام می‌ده. وقتی عکسی رو آپلود می‌کنید، چند اندازه کوچک‌تر از اون می‌سازه تا قالب بتونه نسخه مناسب‌تری رو نمایش بده. وردپرس تصاویر JPEG رو هم با کیفیت پیش‌فرض خودش ذخیره می‌کنه. طبق مستندات رسمی وردپرس، عکس‌های خیلی بزرگ معمولاً از آستانه ۲۵۶۰ پیکسل کوچک‌تر می‌شن؛ البته قالب یا افزونه می‌تونه این رفتار رو تغییر بده.

این امکانات داخلی مفیدن، ولی جای یک ابزار کامل فشرده‌سازی رو نمی‌گیرن. وردپرس به‌طور پیش‌فرض همه عکس‌های قدیمی کتابخانه رو دوباره فشرده نمی‌کنه و بخش جداگانه‌ای هم برای دیدن مقدار کاهش حجم هر فایل نداره. به همین خاطر، افزونه رایگانی مثل Smush هنوز به کار میاد.

افزونه Smush چیه

Smush افزونه بهینه‌سازی تصویر شرکت WPMU DEV هست. نسخه رایگان اون رو می‌تونید از مخزن رسمی وردپرس نصب کنید و برای فشرده‌سازی خودکار عکس‌ها، بهینه‌کردن گروهی کتابخانه رسانه، تغییر اندازه تصاویر بزرگ و بارگذاری تنبل به کار ببرید.

نام Smush.it از یک سرویس قدیمی یاهو میاد که سال‌ها پیش تعطیل شده. افزونه امروزی به اون سرویس وابسته نیست و بهینه‌سازی رو با زیرساخت WPMU DEV انجام می‌ده. پس آموزش‌هایی که هنوز درباره سرویس یاهو یا محدودیت ۵۰ تصویر حرف می‌زنن، روند فعلی افزونه رو نشون نمی‌دن.

امکانات مهم نسخه رایگان Smush

• فشرده‌سازی خودکار تصاویر موقع آپلود
• بهینه‌سازی گروهی تصاویر قدیمی کتابخانه رسانه
• فشرده‌سازی Basic بدون افت کیفیت قابل‌مشاهده
• پردازش تصاویر در پس‌زمینه
• تغییر اندازه خودکار تصاویر خیلی بزرگ
• پیداکردن تصاویر با ابعاد نامناسب
• بارگذاری تنبل تصاویر و بعضی محتواهای جاسازی‌شده
• نمایش گزارش فعالیت و مقدار کاهش حجم

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

آموزش نصب افزونه Smush

در پیشخوان وردپرس به «افزونه‌ها ← افزودن افزونه تازه» برید. Smush رو جست‌وجو کنید و افزونه‌ای رو نصب کنید که سازنده اون WPMU DEV هست. بعد روی «فعال‌کردن» بزنید. نسخه رایگان برای تمام مراحل این آموزش کافیه و نیازی به خرید نسخه حرفه‌ای ندارید.

بعد از فعال‌سازی، گزینه Smush به منوی پیشخوان اضافه می‌شه. وقتی برای اولین بار وارد اون می‌شید، راه‌انداز اولیه چند تنظیم پیشنهادی رو جلوتون می‌ذاره. توضیح گزینه‌ها رو بخونید و فشرده‌سازی خودکار رو روشن نگه دارید تا عکس‌های تازه همون موقع آپلود بهینه بشن. اتصال به حساب WPMU DEV ممکنه چند امکان رایگان دیگه نشون بده، ولی برای فشرده‌سازی Basic اجباری نیست.

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

برای بهینه‌کردن عکس‌هایی که از قبل آپلود کردید، صفحه اصلی Smush رو باز کنید. افزونه کتابخانه رسانه رو بررسی می‌کنه و تعداد تصاویر نیازمند بهینه‌سازی رو نشون می‌ده. روی دکمه «Optimize Images» بزنید تا کار شروع بشه.

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

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

تنظیم فشرده‌سازی خودکار و اندازه تصاویر

در تنظیمات بهینه‌سازی Smush، فشرده‌سازی خودکار رو روشن کنید. از این به بعد، تصاویر JPEG و PNG تازه بعد از آپلود به‌طور خودکار بررسی و بهینه می‌شن. ممکنه GIF در بعضی بخش‌های تحویل تصویر پشتیبانی بشه، ولی نباید انتظار داشته باشید فشرده‌سازی اصلی Smush همه فایل‌های GIF متحرک رو مثل JPEG و PNG پردازش کنه.

گزینه تغییر اندازه تصاویر بزرگ رو هم می‌تونید روشن کنید و بیشترین عرض و ارتفاع رو براساس قالب سایتتون بنویسید. مثلاً اگه عریض‌ترین محل نمایش عکس در قالب ۱۹۲۰ پیکسل عرض داره، نگه‌داشتن یک نسخه ۵۰۰۰ پیکسلی معمولاً لازم نیست. قبل از واردکردن عدد، اندازه تصاویر اصلی قالب و صفحه‌سازتون رو بررسی کنید.

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

فعال‌کردن Lazy Load تصاویر

Lazy Load یا بارگذاری تنبل یعنی عکس‌های پایین صفحه تا وقتی کاربر به نزدیکی اون‌ها نرسیده، دانلود نشن. خود وردپرس برای خیلی از تصاویر از Lazy Load داخلی مرورگر کمک می‌گیره. پس قبل از روشن‌کردن این قابلیت در Smush، سورس صفحه یا ابزار بررسی مرورگر رو ببینید تا بارگذاری تنبل دوبار اجرا نشه.

اگه قالب یا شرایط سایتتون به تنظیمات بیشتری نیاز داره، از منوی Smush به بخش Lazy Load برید و اون رو روشن کنید. بعد چند صفحه مهم، اسلایدرها و تصاویر بالای صفحه رو امتحان کنید. بهتره عکسی که کاربر در لحظه ورود می‌بینه بی‌دلیل با تأخیر بارگذاری نشه، چون این کار ممکنه نمایش قسمت بالای صفحه رو کندتر کنه.

وضعیت WebP و AVIF در Smush

WebP و AVIF فرمت‌های جدیدتری هستن که برای خیلی از تصاویر فایل سبک‌تری می‌سازن. ولی فشرده‌کردن JPEG و PNG با تبدیل اون‌ها به WebP یا AVIF فرق داره. طبق مستندات رسمی Smush، ساخت و ارائه محلی فرمت‌های نسل جدید و CDN به نوع حساب یا نسخه افزونه بستگی داره. پس اگه کنار این گزینه‌ها برچسب Pro دیدید، اون‌ها رو جزو امکانات این آموزش رایگان در نظر نگیرید.

برای شروع مجبور نیستید فرمت همه عکس‌هاتون رو عوض کنید. فشرده‌سازی درست JPEG و PNG، انتخاب ابعاد مناسب و آپلودنکردن فایل‌های خیلی بزرگ معمولاً قدم‌های مهم‌تری هستن. برای اینکه فرق روش‌های فشرده‌سازی رو هم راحت‌تر بفهمید، می‌تونید مقاله فشرده‌سازی تصاویر وردپرس با الگوریتم Lossy و Lossless رو بخونید.

بعد از بهینه‌سازی چه چیزهایی رو بررسی کنیم

1. چند صفحه مهم سایت رو با گوشی و کامپیوتر باز کنید.
2. خوانایی نوشته‌های داخل تصویر و جزئیات عکس محصول رو ببینید.
3. کش وردپرس، افزونه کش و CDN رو پاک کنید تا فایل‌های تازه نمایش داده بشن.
4. با یک ابزار سنجش سرعت، حجم تصاویر رو قبل و بعد از تغییر با هم مقایسه کنید.
5. اگه عکسی خراب یا تار شد، نسخه اصلی اون رو برگردونید یا دوباره با تنظیم ملایم‌تری آپلودش کنید.

Smush رایگان برای کسی که دنبال راهی ساده برای فشرده‌سازی خودکار، بهینه‌کردن عکس‌های قدیمی و کنترل تصاویر بزرگه، انتخاب خوبیه. فقط یادتون نره که این افزونه نمی‌تونه ابعاد اشتباه، فرمت نامناسب یا عکس‌های غیرضروری داخل صفحه رو به‌طور کامل جبران کنه.

سؤال‌های متداول درباره Smush

تیم تولید محتوا

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