JPG أم PNG أم WebP أم AVIF: أي صيغة تستخدم

أربع صيغ صور تغطي اليوم كل ما على الويب والهواتف تقريبًا: JPEG وPNG وWebP وAVIF. النصيحة المعتادة («استخدم WebP، فهي أصغر») صحيحة لكنها غامضة. أصغر بكم، وفي أي صور، وهل تستحق AVIF الخطوة الإضافية؟ رمّزنا الصور الست نفسها بكل صيغة وقسنا حجم الملف ومدى قرب كل نتيجة من الأصل.

كيف يعمل الاختبار

استخدمنا ست صور من أنواع مختلفة: قطة طويلة الشعر بخلفية ناعمة، وبحيرة تحيط بها غابة، وفنجان قهوة بين قفازين محبوكين، ولافتة نيون ليلًا، وببغاء بريش دقيق، وغروبًا بتدرجات ناعمة. صُغّرت كل منها إلى عرض 2048 بكسل، وهو حجم شائع لصفحات الويب، ورُمّزت بالمرمّزات والإعدادات نفسها التي يستخدمها ضاغط الصور لدينا: MozJPEG وlibwebp وlibavif.

مقارنة الصيغ عند إعداد الجودة نفسه مضللة، لأن «الجودة 75» تعني شيئًا مختلفًا في كل مرمّز. بدلًا من ذلك بحثنا لكل صورة وصيغة عن أدنى إعداد يُبقي النتيجة عند درجة SSIM نفسها، وهي مقياس قياسي لمدى تشابه صورتين في نظر الناس، من 0 إلى 1. استخدمنا مستويين: 0.98، ويصعب تمييزه عن الأصل بحجم العرض العادي، و0.95، حيث تبدأ العين الدقيقة بملاحظة النعومة أو المربعات.

النتائج بجودة عالية

بجودة عالية احتاجت WebP مساحة أقل بنسبة 45% من JPEG، وAVIF أقل بنسبة 51%. أما PNG، التي تخزن كل بكسل بدقة، فاحتاجت خمسة أضعاف JPEG.

المجاميع تخفي تفاوتًا كبيرًا بين الصور:

الصور ذات التفاصيل الدقيقة والحادة الكثيرة، كالريش وأوراق الشجر واللافتات المضيئة، ربحت أكثر. ولإبقاء هذه التفاصيل بجودة عالية، اضطرت JPEG للذهاب إلى إعداد جودة بين 90 و98، حيث تكبر ملفاتها بسرعة. الصور الناعمة ذات الخلفيات الهادئة تنضغط جيدًا بكل صيغة، فلا يبقى للصيغ الأحدث مجال كبير للتحسين. وفي صورة القهوة، ناسب نسيج الحبك WebP أكثر من AVIF.

النتائج حين يجب أن تكون الملفات صغيرة

عند المستوى الأدنى، SSIM 0.95، بلغ مجموع الصور الست 1,011 كيلوبايت بصيغة JPEG و844 كيلوبايت بصيغة WebP و683 كيلوبايت بصيغة AVIF: أقل بنسبة 17% و32% من JPEG. الفوارق تنكمش نسبيًا، لكن ما تراه عند حجم معين يتغير أكثر، لأن JPEG تفشل بطريقة أوضح. هذا رأس الببغاء وكل ملف محدود بالحجم نفسه، 100 كيلوبايت للصورة كاملة:

JPEG، 99 كيلوبايتAVIF، 95 كيلوبايت

التدرجات الناعمة تُظهر النمط نفسه. في الغروب المحدود بنحو 39 كيلوبايت تظهر مربعات JPEG في السماء، وتنعّمها WebP، وتحافظ AVIF على انتقالات الألوان شبه سليمة (SSIM 0.939 و0.956 و0.974):

JPEG، 39 كيلوبايتAVIF، 38 كيلوبايت

لقطات الشاشة والرسوم مختلفة

الصور الفوتوغرافية هي الحالة التي صُممت لها الصيغ ذات الفقدان. لقطات الشاشة والمخططات والرسوم التوضيحية والشعارات فيها مساحات كبيرة بلون واحد ونص حاد، وهنا تتغير الصورة. رسمنا مخططًا بسيطًا فيه نص بحجم 1600 في 1000 بكسل وحفظناه بكل صيغة:

في هذا النوع من الصور تكون PNG بحجم JPEG وتحتفظ بكل بكسل بدقة، فلا تقدم JPEG شيئًا. WebP وAVIF أصغر أيضًا، لكنهما تنعّمان حواف النص قليلًا، وهذا يهم في لقطات الشاشة التي يحتاج الناس إلى قراءتها.

JPEG 75PNG

السرعة والتوافق

تكلفة الترميز تختلف أيضًا. بالإعدادات الافتراضية في المتصفح، استغرقت صورة بعرض 2048 بكسل نحو 0.5 ثانية بصيغة WebP، و0.6 ثانية بصيغة JPEG مع التحسين الإضافي في MozJPEG، و1.3 ثانية بصيغة AVIF باستخدام إعداد السرعة الأسرع في libavif. لدفعة من بضع مئات من الصور هذه دقائق لا ساعات، لكن AVIF هي الأبطأ إنشاءً بوضوح.

كل إصدار حالي من Chrome وEdge وFirefox وSafari يعرض WebP وAVIF، فكلتاهما آمنة للمواقع اليوم، مع بديل JPEG فقط إن كنت تخدم أجهزة قديمة جدًا. خارج المتصفح الصورة مختلطة. برامج البريد الإلكتروني والمطابع ومحررات الصور القديمة ونماذج الرفع الحكومية وكثير من تطبيقات المراسلة ما زالت تتوقع JPEG أو PNG. حين تغادر الصورة موقعك، تبقى JPEG الصيغة التي لا يرفضها أحد.

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

• صور على موقع ويب: AVIF أو WebP. أعطت AVIF أصغر الملفات في اختبارنا؛ وكانت WebP قريبة وأسرع ترميزًا.
• صور ترسلها أو تطبعها أو ترفعها في مكان آخر: JPEG بجودة 75 إلى 85، يقبلها كل برنامج. انظر ماذا تغيّر إعدادات جودة JPEG حقًا.
• لقطات الشاشة والمخططات والشعارات وكل ما فيه نص: PNG، أو WebP إن كان الحجم أهم من البكسلات الدقيقة.
• صور فيها شفافية: PNG أو WebP أو AVIF. JPEG لا تعرف الشفافية إطلاقًا.
• صور ستعدّلها لاحقًا: احتفظ بأصل لم يُمس، ويُفضَّل ملف الكاميرا أو PNG، وصدّر نسخة مضغوطة لكل استخدام.

يمكنك تجربة كل هذا على صورك مع ضاغط الصور، الذي يرمّز JPEG وWebP وAVIF وPNG في متصفحك ويُظهر الحجم قبل التنزيل، أو التحويل دفعة واحدة مع محوّل الصور. لا يُرفع شيء.