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

تصاویر بزرگ‌ترین عامل کندی سایت هستند. بهینه‌سازی صحیح عملکرد را ۵۰٪+ بهبود می‌دهد.

فرمت‌ها

WebP: بهترین تعادل. AVIF: کوچک‌ترین. JPEG: عکس. PNG: شفافیت. SVG: وکتور.

• WebP: ۳۰٪ کوچک‌تر از JPEG
• AVIF: ۵۰٪ کوچک‌تر
• SVG: وکتور + متن

ابزارها

Squoosh (گوگل)، Sharp (Node.js)، ImageOptim (macOS) و Cloudinary (CDN).

جمع‌بندی

WebP با lazy loading ساده‌ترین بهبود عملکرد سایت است.