WebP مقابل AVIF: كيفية اختيار صيغة الصور المناسبة واختبارها

قد يتفوق AVIF على WebP لبعض الصور وأهداف الجودة؛ وقد يكون WebP أسرع في الترميز وأنسب لسير عمل قديم أوسع. لا تضمن اللاحقة أياً من النتيجتين. قارن نواتج ممثلة والتوافق وكلفة خط المعالجة، ثم وفّر بدائل حيث يحتاج إليها جمهورك.

الصيغتان في لمحة سريعة

كلتا الصيغتين وُلدتا من مُرمّزات الفيديو. أطلقت Google صيغة WebP في 2010 بناءً على VP8، نفس التقنية خلف صيغة الفيديو WebM. أطلق تحالف الوسائط المفتوحة (Alliance for Open Media) صيغة AVIF في 2019 بناءً على AV1، مُرمّز فيديو أحدث وأكفأ طوّرته Google وMozilla وApple وNetflix وآخرون بشكل تعاوني.

يمكن لأدوات الترميز الأحدث في AV1 تحسين الضغط، بينما قد تخفض تطبيقات WebP الأبسط والناضجة كلفة المعالجة. يعتمد سلوك الترميز والفك الفعلي على تطبيق برنامج الترميز والإعدادات وخصائص الصورة والجهاز.

الضغط: كم أصغر الملفات فعلاً؟

تختلف نتائج الاختبارات باختلاف مجموعة الصور والمرمّزات وإعدادات الجهد وتاريخ المصدر ومقياس الجودة. يحافظ الاختبار المسؤول على ثبات الأبعاد وسياسة البيانات الوصفية ويقارن عدة مقاييس بصرية مع مراجعة بشرية:

• AVIF — قد يقدم نتيجة قوية للصور والتدرجات وHDR ومسارات العمل ذات عمق البت العالي، لكن الترميز قد يكون مكلفاً
• WebP — قد يقدم ناتجاً ضياعياً أو عديم الفقد بكفاءة مع أدوات ناضجة وتعقيد تشغيلي أقل في خطوط كثيرة

لا تحوّل متوسطاً تسويقياً للصيغة إلى توقع لكل ملف. صدّر الصيغتين من النسخة الأصلية نفسها، واختر جودة بصرية قابلة للمقارنة، وأدخل زمن الترميز وسلوك الفك والبيانات الوصفية ونقل البديل في القرار.

قد تتصرف المواد غير الفوتوغرافية خلاف اختبارات الصور. للرسومات البسيطة والأيقونات والرسوم المسطحة، قارن خيارات عديمة الفقد أو قريبة منه حين تكون مدعومة؛ وقد تفوز أي صيغة بحسب لوحة الألوان والشفافية والمرمّز والإعدادات.

دعم المتصفحات والبرامج

تتغير جداول الدعم، ولا تمثل الحصة العالمية جمهورك بالضرورة. افحص المتصفحات المستهدفة والمستهلكين غير المتصفحات. يستطيع عنصر <picture> تقديم AVIF أولاً ثم WebP، مع JPEG بديلاً أخيراً داخل <img>:

<picture>
  <source srcset="photo.avif" type="image/avif" />
  <source srcset="photo.webp" type="image/webp" />
  <img src="photo.jpg" alt="وصف" />
</picture>

سرعة الترميز والأدوات

تحتاج مرمّزات WebP غالباً إلى حساب أقل من AVIF عند إعدادات جهد متقاربة، لكن النسبة تتفاوت كثيراً. إذا كان نظام إدارة المحتوى يحول الصور عند الرفع أو على دفعات كبيرة، فقِس معدل الإنجاز والذاكرة وزمن الانتظار والجودة بالمكتبات والإعدادات المنشورة فعلاً.

يتغير أداء المرمّز بين المكتبات والإصدارات. وتعتمد كلفة الفك أيضاً على الأبعاد وعمق البت والجهاز والمتصفح والتنفيذ. اختبر الأجهزة المستهدفة الأضعف بدلاً من افتراض أن الفرق غير ملحوظ.

دعم الأدوات واسع لكنه غير متساوٍ. تحقق من الاستيراد والتصدير والحركة وملف الألوان والبيانات الوصفية والتفاوض التلقائي في المحرر ونظام إدارة المحتوى وخطة CDN ومجموعة المتصفحات المستخدمة فعلاً.

مقارنة الميزات

يستطيع AVIF تمثيل أعماق بت أعلى ونطاق لوني واسع وإشارات HDR تتجاوز ترميز WebP ذي 8 بت. لا تضمن هذه القدرة دقة اللون؛ تظل المعالجة الرئيسية والملفات والبيانات الوصفية وسلوك المتصفح وقدرة الشاشة والاختبار مهمة.

متى تستخدم أي صيغة

اختر AVIF عندما:

• تتحكم في خط أنابيب الصور وتستطيع تقديم بدائل
• تحسن نواتج AVIF الممثلة عنق الزجاجة المعني بالنقل أو الجودة
• تحتاج قدرات AVIF مثل عمق بت أعلى أو HDR وقد اختبرت مسار اللون كاملاً
• ينشئ خط CDN أو البناء النسخ المتحققة ويخزنها ويتفاوض عليها بصورة صحيحة

اختر WebP عندما:

• يفضل معدل المرمّز المقاس أو البساطة التشغيلية WebP
• تقبل البرامج المدعومة WebP ولا تبرر نسخة AVIF الإضافية
• تحقق الرسومات الممثلة أهداف الحجم والجودة باستخدام WebP
• تقدّم WebP بالفعل وجهد الترحيل غير مبرر

استخدمهما معاً عندما تبرر الفائدة المقاسة ذلك:

تضيف حزمة <picture> عملاً في التوليد والتخزين والذاكرة المؤقتة والترميز ومراجعة الجودة، لكنها قد تحسن التسليم. تؤتمت بعض شبكات CDN التفاوض؛ تحقق من سلوك الخطة ومفاتيح التخزين ومعالجة Vary وإعدادات الجودة وناتج البديل بدلاً من افتراض تسليم «مثالي».

كيف تحوّل صورك

يستطيع Vizua إنشاء نواتج WebP وAVIF المدعومة داخل المتصفح من دون تثبيت برنامج. لا يُرسل الملف المحدد إلى خادم معالجة الصور لدينا؛ وقد تظل الشفرة اللازمة وخدمات الموقع تستخدم الشبكة:

• ضغط WebP — تقليل ملفات WebP الموجودة
• التحويل إلى AVIF — أنشئ AVIF من صور إدخال مدعومة
• JPG إلى WebP — تحويل صور JPEG إلى WebP
• PNG إلى WebP — تحويل رسومات PNG إلى WebP

إذا كنت تعمل بمصادر JPEG، يشرح دليل ضغط الصور دون فقدان الجودة كيفية اختيار إعدادات البداية ومقارنة النواتج الفعلية.

الأسئلة الشائعة