
تحويل WebP إلى AVIF — تحسين سرعة الموقع ومؤشرات Core Web Vitals
تحويل WebP إلى AVIF: الكيلوبايتات الأخيرة من أجل سرعة الموقع
نادراً ما يصل أحد إلى هنا بدافع الفضول. غالباً يأتي بنتيجة محددة: أداة PageSpeed Insights تطلب «تقديم الصور بصيغ حديثة»، ومؤشر Largest Contentful Paint يتجاوز ٢٫٥ ثانية، والصور لديك بالفعل بصيغة WebP. الخطوة التالية اسمها AVIF.
ما الذي يقدمه هذا التحول
صيغة AVIF مشتقة من ضغط الفيديو بمعيار AV1 وتعمل بأسلوب أكثر تطوراً من WebP. عملياً توفر ٢٠ إلى ٣٠ بالمئة إضافية من حجم الملف عند الجودة المرئية نفسها.
قد يبدو ذلك قليلاً في صفحة واحدة. لكن في صفحة رئيسية تضم خمس عشرة صورة بحجم ١٨٠ كيلوبايت لكل منها، فالتوفير نحو ٨٠٠ كيلوبايت — وعلى اتصال هاتفي يعني ذلك نصف ثانية بسهولة. وفي هذا النطاق تحديداً يُحسم بقاء مؤشر Largest Contentful Paint تحت الحد المطلوب.
وتتفوق AVIF بوضوح في الصور الكبيرة ذات التدرجات اللونية الناعمة: صور الواجهة، والخلفيات، والمناظر الطبيعية. أما في الأيقونات الصغيرة والرسوم ذات الألوان القليلة فالمكسب ضئيل ولا يستحق العناء غالباً.
ما ينبغي الانتباه إليه
الدعم جيد لكنه ليس كاملاً. كل المتصفحات الحديثة تعرض AVIF. أما الأجهزة القديمة التي لم تُحدَّث منذ سنوات فلا. لذلك يبقى استخدام عنصر picture مع WebP كطبقة احتياطية هو الأسلوب الآمن في المواقع الاحترافية، فيحصل كل زائر على أفضل صيغة يفهمها جهازه.
الترميز يستغرق وقتاً أطول. AVIF مكلفة حسابياً، وقد تستغرق صورة كبيرة عدة ثوانٍ داخل المتصفح. هذا يخص عملية التحويل مرة واحدة فقط ولا يخص عرض الصورة لاحقاً.
يحدث ضغط ثانٍ. كانت WebP مضغوطة بفقدان أصلاً. فإن توفر لديك الأصل غير المضغوط فالتحويل منه مباشرة أنظف تقنياً.
صورك تبقى عندك
المواد الإعلانية غير المنشورة وصور المنتجات قبل الإطلاق لا مكان لها على خادم خارجي. يرمّز ImageXpo صيغة AVIF عبر WebAssembly على جهازك بالكامل، حتى مع الدفعات الكبيرة.


الأسئلة الشائعة
هل تعرض كل المتصفحات صيغة AVIF؟
كل الإصدارات الحديثة من كروم وفايرفوكس وسفاري وإيدج تعرضها. أما الأجهزة القديمة جداً التي لم تُحدَّث فلا. لذلك يُنصح باستخدام عنصر picture مع WebP كطبقة احتياطية في المواقع الفعلية.
لماذا يستغرق التحويل وقتاً طويلاً؟
ضغط AV1 مكلف حسابياً ويعمل هنا على معالج جهازك أنت. الجهد يُبذل مرة واحدة، ويستفيد زوارك بعدها بشكل دائم من الملف الأصغر.
هل يستحق ذلك مع الأيقونات الصغيرة؟
بالكاد. في الرسوم ذات الألوان القليلة والمساحة الصغيرة يكون الفارق ضئيلاً. أكبر مكسب تحققه في الصور الكبيرة ذات التدرجات اللونية الناعمة.
هل أفقد جودة بسبب الضغط الثاني؟
بقدر يسير، لأن WebP كانت مضغوطة بفقدان أصلاً. عند الجودة العالية لا يُلاحظ ذلك. وإن كان الأصل غير المضغوط متاحاً لديك فالأفضل التحويل منه مباشرة.