AVIF یا WebP یا JPEG؟ راهنمای انتخاب فرمت تصویر برای وب

اگه یک تصمیم فنی باشه که مستقیم روی سرعت سایتت اثر بذاره، احتمالاً همینه: از کدوم فرمت تصویر استفاده کنی؟ سه گزینه‌ی اصلی امروز روی وب وجود داره — JPEG قدیمی، WebP، و AVIF جدیدتر. هرکدوم مزایا و محدودیت‌های خودشون رو دارن.

JPEG — استاندارد قدیمی، همه‌جا پشتیبانی می‌شه

JPEG از سال ۱۹۹۲ وجود داره و هنوز رایج‌ترین فرمت تصویر روی وبه. مزیتش سازگاری کاملشه — همه‌ی مرورگرها، همه‌ی نرم‌افزارها، همه‌ی دستگاه‌ها بدون استثنا ازش پشتیبانی می‌کنن. اما از نظر فنی، الگوریتم فشرده‌سازیش (بر پایه‌ی DCT) نسبت به فرمت‌های جدیدتر خیلی کمتر کاراست، شفافیت (آلفا) رو پشتیبانی نمی‌کنه، و در فشرده‌سازی زیاد، آرتیفکت‌های بلوکی (blocky artifacts) ایجاد می‌کنه.

WebP — تعادل خوب بین کیفیت، حجم، و سازگاری

WebP رو گوگل در سال ۲۰۱۰ معرفی کرد. نسبت به JPEG با کیفیت مشابه، معمولاً ۲۵ تا ۳۵ درصد حجم کمتری داره. هم حالت lossy (با افت) و هم lossless (بدون افت) رو پشتیبانی می‌کنه، و برخلاف JPEG، شفافیت (آلفا) هم داره — یعنی می‌تونه جایگزین PNG هم بشه. امروز عملاً همه‌ی مرورگرهای مدرن (از جمله Safari از نسخه‌ی ۱۴ به بعد) ازش پشتیبانی می‌کنن.

AVIF — جدیدترین و فشرده‌ترین

AVIF بر پایه‌ی کدک تصویری AV1 ساخته شده و از نظر نسبت فشرده‌سازی، معمولاً ۵۰ درصد یا بیشتر نسبت به JPEG با همون کیفیت بصری حجم کمتری داره — حتی از WebP هم معمولاً کاراتره. شفافیت، HDR، و حتی انیمیشن رو هم پشتیبانی می‌کنه. تنها محدودیتش اینه که انکود کردنش (تبدیل به AVIF) کندتره و روی سرورهای ضعیف‌تر می‌تونه چند ثانیه طول بکشه — دقیقاً همون چیزی که موتور NanoPic خودش این پیچیدگی رو مدیریت می‌کنه تا کاربر نهایی هیچ تاخیری حس نکنه.

مقایسه‌ی خلاصه

پس کدوم رو انتخاب کنم؟

بهترین استراتژی، انتخاب یکی نیست — بلکه استفاده‌ی هوشمند از هر سه با هم است، با تگ <picture>:

1. مرورگر ابتدا AVIF رو امتحان می‌کنه (کمترین حجم)
2. اگه پشتیبانی نکرد، می‌ره سراغ WebP
3. و در آخرین حالت، JPEG به‌عنوان fallback همیشگی

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