AVIF هو تنسيق صور الجيل التالي الذي يعد بملفات أصغر بنسبة 50% من JPEG بجودة أفضل. لكن إذا اخترت AVIF كتنسيق إخراج وأصبح الملف أكبر بدلاً من أصغر — فمتصفحك لا يدعم فعلاً ترميز AVIF.

ما هو AVIF؟

AVIF (AV1 Image File Format) هو تنسيق صور حديث قائم على ترميز الفيديو AV1. تم تطويره من قبل تحالف الوسائط المفتوحة (AOMedia) ويوفر قدرات ضغط مثيرة للإعجاب حقًا:

  • أصغر بنسبة 50% من JPEG عند جودة بصرية مكافئة
  • أصغر بنسبة 20% من WebP عند جودة مكافئة
  • يدعم محتوى HDR (النطاق الديناميكي العالي)
  • يدعم الشفافية (قناة ألفا)
  • يدعم الرسوم المتحركة (بديلاً عن GIF)
  • خالٍ من حقوق الملكية ومفتوح المصدر

بكل المقاييس، AVIF هو مستقبل صور الويب. ومع ذلك، هناك تمييز مهم بين فك الترميز (العرض) والترميز (الإنشاء) لصور AVIF.

فك الترميز مقابل الترميز: الفرق الرئيسي

يمكن لمعظم المتصفحات الحديثة عرض صور AVIF بدون مشاكل. يدعم Chrome وFirefox وSafari وEdge جميعها فك ترميز AVIF — مما يعني أنها يمكنها عرض صور AVIF على صفحات الويب دون أي مشاكل.

لكن الترميز — إنشاء ملف AVIF فعليًا من الصفر — قصة مختلفة تمامًا. هذا يتطلب من المتصفح تنفيذ ترميز AVIF في Canvas API الخاص به، وهو مكلف حسابيًا وأصعب بكثير في التنفيذ من فك الترميز.

دعم ترميز AVIF في المتصفحات (اعتبارًا من مارس 2026)

المتصفحفك ترميز AVIFترميز AVIF (canvas.toBlob)
Chrome 121+✅ نعم✅ نعم
Firefox✅ نعم❌ لا
Safari✅ نعم❌ لا
Edge✅ نعم✅ نعم (قائم على Chromium)
Chrome للهاتف✅ نعم✅ نعم
Safari للهاتف✅ نعم❌ لا

ماذا يحدث فعلاً عندما لا يدعم متصفحك ترميز AVIF

هنا تصبح الأمور مثيرة للاهتمام — ومربكة. عندما تختار AVIF كتنسيق إخراج لكن متصفحك لا يستطيع ترميز AVIF، يحدث ما يلي:

التراجع الصامت

لا تطرح طريقة canvas.toBlob(callback, 'image/avif', quality) الخاصة بـ Canvas API خطأ عندما لا يكون ترميز AVIF مدعومًا. بدلاً من ذلك، تفعل شيئًا متخفيًا:

  1. تتراجع بصمت إلى تنسيق PNG
  2. يصبح نوع MIME للناتج image/png بدلاً من image/avif
  3. يُحفظ الملف بامتداد .avif، لكن المحتوى الفعلي PNG

هذا يعني أن ملف "AVIF" الخاص بك هو في الواقع PNG متنكر — وPNG هو تنسيق بدون فقدان ينتج عادةً ملفات أكبر بـ 3-5 أضعاف من JPEG الأصلي. لهذا السبب تبدو صورتك وكأنها نمت 5 أضعاف!

الأثر في العالم الحقيقي

تخيل هذا السيناريو: ترفع صورة JPEG بحجم 500 كيلوبايت وتختار AVIF كتنسيق إخراج، متوقعًا ملفًا بحوالي 250 كيلوبايت. لكن بدلاً من ذلك:

  • متصفحك يخرج PNG بصمت → يصبح الملف 2.5 ميجابايت
  • امتداد الملف يقول .avif لكن المحتوى PNG
  • قد تفشل أدوات أخرى في فتحه لأن الامتداد لا يطابق المحتوى
  • قد تظن أن AVIF تنسيق فظيع، بينما في الواقع متصفحك فقط لا يدعمه

كيف نكتشف دعم AVIF

يكتشف Img Zip استباقيًا ما إذا كان متصفحك يدعم ترميز AVIF. ننشئ canvas صغيرًا 1×1 بكسل ونحاول ترميزه كـ AVIF:

canvas.toBlob(blob => {
  if (blob !== null && blob.type === 'image/avif') {
    // ترميز AVIF مدعوم!
  } else {
    // غير مدعوم — سيظهر تحذير
  }
}, 'image/avif');

إذا أعاد المتصفح blob بنوع مختلف (مثل image/png) أو null، فنعرف أن ترميز AVIF غير متاح، ونظهر بوضوح تحذير "المتصفح غير مدعوم" على منتقي التنسيق.

ماذا عن تنسيق ICO؟

لملفات ICO (الأيقونة) مشكلة مماثلة. لا تدعم Canvas API ترميز ICO على الإطلاق — لا متصفح ينفذه. عندما تختار ICO كمخرج، يتراجع المتصفح إلى PNG، مما ينتج ملفًا بامتداد .ico لكن بمحتوى PNG.

لأغراض favicon، تقبل المتصفحات الحديثة فعلاً ملفات PNG بامتداد .ico، لذا غالبًا ما يعمل هذا الحل البديل. لكنه ليس ملف ICO حقيقيًا.

ماذا يمكنك أن تفعل إذا كان متصفحك لا يدعم AVIF؟

الخيار 1: استخدم WebP بدلاً من ذلك

يُدعم WebP من قبل جميع المتصفحات الحديثة لكل من فك الترميز و الترميز. يوفر ضغطًا أفضل بنسبة 25-35% من JPEG — ليس جيدًا مثل 50% من AVIF، لكن لا يزال ممتازًا ومدعومًا عالميًا.

الخيار 2: بدّل إلى متصفح قائم على Chromium

إذا كان ترميز AVIF مهمًا لك، فإن Chrome 121+ وEdge (القائم على Chromium) يقدمان حاليًا أفضل دعم. يمكن لكليهما ترميز AVIF عبر Canvas API.

الخيار 3: استخدم برنامج سطح المكتب

بالنسبة لترميز AVIF الاحترافي، توفر أدوات سطح المكتب المخصصة مثل squoosh (أداة Google نفسها)، libavif، أو Photoshop مع إضافات AVIF ترميزًا موثوقًا بغض النظر عن دعم المتصفح.

مستقبل دعم AVIF في المتصفحات

الخبر السار هو أن دعم ترميز AVIF يتوسع. مع انتشار ترميز AV1 (بدفع من اعتماد بث الفيديو)، يستثمر مصممو المتصفحات أكثر في دعم الترميز. نتوقع أن يضيف Firefox وSafari ترميز AVIF Canvas في تحديثات مستقبلية.

عندما تدعم جميع المتصفحات الرئيسية ترميز AVIF، ستتمكن الأدوات القائمة على المتصفح مثل Img Zip من تقديم ضغط AVIF للجميع — موفرة أفضل تحسين صور مطلق دون أي تثبيت برامج.

الخلاصة

AVIF تنسيق مذهل، لكن دعم ترميز المتصفح لا يزال يلحق بالركب. إذا رأيت تحذير "المتصفح غير مدعوم" عند اختيار AVIF، فلا تقلق — ليس خطأ، بل قيد على متصفحك الحالي. استخدم WebP كبديل موثوق، أو بدّل إلى متصفح قائم على Chromium لدعم ترميز AVIF الكامل.

سيكون Img Zip دائمًا شفافًا بشأن ما يمكن لمتصفحك فعله وما لا يمكنه، حتى لا تحصل أبدًا على نتائج غير متوقعة.

جرب ضغط صورك الآن — سنكتشف تلقائيًا ما يدعمه متصفحك.