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

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

تصاویر بزرگ‌ترین عامل کاهش سرعت سایت‌های وردپرسی هستند. بهینه‌سازی حجم و کیفیت تصاویر می‌تواند سرعت لود صفحات را تا ۵۰٪ افزایش دهد و تأثیر مستقیم بر سئو و Core Web Vitals دارد.

تنظیمات پیش‌فرض وردپرس

وردپرس هنگام آپلود هر تصویر، چندین اندازه مختلف ایجاد می‌کند. از تنظیمات > رسانه اندازه‌ها قابل تنظیم هستند: بندانگشتی (Thumbnail)، متوسط (Medium)، بزرگ (Large).

تغییر کیفیت فشرده‌سازی JPEG

وردپرس به‌صورت پیش‌فرض تصاویر JPEG را با کیفیت ۸۲٪ فشرده می‌کند. برای تغییر این مقدار در functions.php:

add_filter('jpeg_quality', function($quality) {
    return 75; // کیفیت ۷۵٪
});

مقدار ۷۵ تا ۸۵ بالانس خوبی بین کیفیت و حجم ایجاد می‌کند.

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

۱. ShortPixel

فشرده‌سازی خودکار هنگام آپلود. پشتیبانی از WebP. ۱۰۰ تصویر رایگان در ماه.

۲. Smush

فشرده‌سازی رایگان تا ۵ مگابایت. Lazy Loading داخلی. تبدیل به WebP.

۳. Imagify

سه سطح فشرده‌سازی (Normal, Aggressive, Ultra). بازگردانی تصویر اصلی.

فرمت WebP

تصاویر WebP تا ۳۰٪ حجم کمتری نسبت به JPEG دارند. وردپرس ۵.۸+ به‌صورت بومی از WebP پشتیبانی می‌کند.

Lazy Loading

وردپرس ۵.۵+ به‌صورت پیش‌فرض loading="lazy" به تصاویر اضافه می‌کند. تصاویر فقط وقتی در viewport کاربر قرار بگیرند لود می‌شوند.

CDN تصاویر

استفاده از CDN (مثل Cloudflare) باعث می‌شود تصاویر از سرور نزدیک‌تر به کاربر سرو شوند و سرعت افزایش یابد.

نقش هاست

هاست سریع با SSD NVMe سرعت سرو تصاویر را بالا می‌برد. هاست وردپرس میهن هاستینگ با LiteSpeed و ماژول تصویر بهینه.