هل لا تزال صيغة WebP تستحق الاستخدام؟

نعم، لا تزال صيغة WebP تستحق الاستخدام في عام 2026، وتبقى الخيار الافتراضي الأكثر أماناً للصور على المواقع الإلكترونية. أصبح دعم المتصفحات شاملاً، والملفات أصغر بنسبة 25 إلى 35 بالمائة من JPEG عند الجودة المماثلة، كما أن تنسيق ملفات صور AV1 (AVIF) لم يحل محلها.

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

كم تبلغ نسبة التوفير الحقيقية في حجم WebP

توفر WebP عادةً من 25 إلى 35 بالمائة مقارنة بـ JPEG ومن 20 إلى 30 بالمائة مقارنة بـ PNG عند الجودة البصرية المماثلة. يكون التوفير في أكبر مستوياته في الصور الفوتوغرافية ذات المساحات الناعمة وفي الرسومات ذات الألوان المسطحة.

يوضح الصف الأخير الحالة الوحيدة التي تخسر فيها WebP. تحت مستوى 5 KB تقريباً، تتفوق التكاليف الإضافية للتنسيق على فائدة الضغط، ولهذا السبب غالباً ما يكون من الأفضل ترك الأيقونات الصغيرة بصيغة PNG أو استبدالها بروسومات موجهة (Vector).

مقارنة WebP مع AVIF

تضغط صيغة AVIF أكثر بنحو 20 إلى 30 بالمائة مقارنة بـ WebP في الصور الفوتوغرافية الكبيرة، وتستغرق وقتاً أطول بكثير في الترميز، وغالباً ما تكون أكبر حجماً تحت مستوى 10 KB تقريباً. يناسب التنسيقان صوراً مختلفة بدلاً من أن يحل أحدهما محل الآخر.

تحمل AVIF تكاليف إضافية أكبر للحاوية، لذا تفوز بشكل حاسم في الصور الفوتوغرافية الكبيرة وتخسر في الرسومات الصغيرة. وقت الترميز هو الاعتبار الآخر، حيث يمكن أن تستغرق AVIF عدة أضعاف الوقت لكل صورة. في دفعة مكونة من 500 ملف، يقاس هذا الفرق بالدقائق بدلاً من الثواني، وهو أمر مهم عند تحويل مكتبة صور بشكل متكرر.

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

• الصور الرئيسية والصور الفوتوغرافية الكبيرة. استخدم AVIF، حيث تكون ميزة الضغط في أكبر مستوياتها.
• صور الموقع العامة. استخدم WebP، وهي سريعة في الترميز ومدمومة بشكل شامل.
• الشعارات والرسومات ذات الشفافية. استخدم WebP، حيث تتفوق على PNG بشكل كبير.
• الأيقونات التي تقل عن 5 KB. استخدم PNG أو الرسم الموجه (Vector)، حيث يضيف التنسيقان الحديثان تكاليف إضافية.
• أي شيء يتم تنزيله أو إرساله عبر البريد الإلكتروني. استخدم JPEG أو PNG، لأن الدعم خارج المتصفحات لا يزال محدودة.

ما تقدمه WebP ولا تعطه JPEG

تدعم WebP الشفافية والضغط مع فقدان البيانات في نفس الوقت، وهو ما لا يمكن لـ JPEG أو PNG تقديمه. هذا المزيج مفيد حقاً ومن السهل التغاضي عنه.

كانت صورة المنتج ذات الخلفية الشفافة تجبرك سابقاً على الاختيار بين ملف PNG ثقيل أو ملف JPEG بفقاعة بيضاء خلفه. تزيل WebP هذا الاختيار. كما يدعم التنسيق الرسوم المتحركة، مما يجعله بديلاً مباشراً لصور GIF المتحركة بجزء بسيط من حجم الملف.

أين لا تزال WebP تسبب المشاكل

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

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

كيفية تحويل موقع إلى WebP

لنقل موقع إلكتروني إلى WebP دون إتلاف أي شيء، اتبع هذه الخطوات الـ 6.

1. احصر الصور التي تشير إليها صفحاتك بالفعل، لأن معظم المكتبات تجمع ملفات لا يرتبط بها شيء.
2. قم بتغيير حجم كل صورة إلى عرض العرض الحقيقي الخاص بها، ومضاعفته للشاشات عالية الكثافة، قبل التحويل.
3. قم بالتحويل إلى WebP بجودة 80، وهي النقطة التي يكون فيها الملف صغيراً ويبقى الفقد غير مرئي.
4. احتفظ بملفات JPEG أو PNG الأصلية كخيار بديل بدلاً من حذفها.
5. قم بتقديم كلاهما من خلال عنصر picture، مع وضع WebP أولاً والأصل في وسام img.
6. تحقق من الصفحات على الموبايل ومتصفح الدسطوب قبل إزالة أي شيء.

تنشئ معظم أنظمة إدارة المحتوى الآن تلك العلامات تلقائياً عند التحميل، لذا تحقق مما تفعله منصتك بالفعل قبل كتابته يدوياً. يستغرق تحويل الصور دقائق، بينما تستغرق إعادة كتابة القوالب وقتاً أطول.

ما هو إعداد الجودة المناسب للاستخدام

الجودة 80 هي الخيار الافتراضي الصحيح لـ WebP، لأن التنسيق يحتفظ بالتفاصيل بشكل أفضل من JPEG عند نفس الرقم. يبدو ملف WebP بجودة 80 مشابهاً لملف JPEG بجودة 85 أو أعلى.

تحت مستوى 70 يبدأ الفقد في الظهور على الوجوه وفي التدرجات الناعمة، خاصة في الصور الكبيرة. وبعد الجودة 90 يكبر الملف بشكل حاد بينما يتوقف المكسب المرئي تماماً. اختبر صورة ممثلة واحدة عند 3 إعدادات قبل اعتماد دفعة، لأن الرقم الصحيح اعتمد على نوع الصور التي تنشرها.

هل تساعد WebP في تحسين ترتيب نتائج البحث

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

يمر الطريق عبر Core Web Vitals، حيث يتم تحديد قياس Largest Contentful Paint عادةً بواسطة صورة رئيسية واحدة. وتقليل حجم تلك الصورة بمقدار الثلث يحسن القياس بشكل مباشر. يرفع Lighthouse أيضاً تحذير Serve images in next generation formats، والذي يتم استيفاؤه بواسطة WebP أو AVIF ويعد من أسهل عمليات التدقيق التي يمكن تجاوزها.

هل يستحق الأمر تحويل مكتبة حالية

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

تحقق قبل اتخاذ القرار. افتح أدوات المطور، وانتقل إلى تبويب Network، وقم بالتصفية حسب الصور وأعد تحميل صفحة نموذجية. إذا كان إجمالي الصور أكثر من 1 MB، فسيؤدي التحويل إلى تحسين مرئي. وإذا كان إجماليها 200 KB، فمن الأفضل إنفاق الجهد في مكان آخر على الصفحة.

نظاما WebP بضغط مع فقدان وبدون فقدان هما وضعان مختلفان

تحتوي WebP على وضعين منفصلين للضغط، واختيار الوضع الخاطئ ينتج ملفاً أكبر من الملف الأصلي. يناسب وضع الفقدان (Lossy) الصور الفوتوغرافية، بينما يناسب وضع عدم الفقدان (Lossless) لقطات الشاشة والشعارات والرسومات المسطحة.

تحدد معظم الأدوات الوضع من إعداد الجودة، حيث تطبق وضع عدم الفقدان عند الجودة 100 ووضع الفقدان تحتها. يعمل هذا الخيار الافتراضي مع الصور الفوتوغرافية ويفشل مع الرسومات، حيث تنتج صورة WebP بضغط مع فقدان للقطة شاشة هالات حول النص مع زيادة حجمها عن النسخة بدون فقدان. تحقق من الوضع الذي استخدمته أداتك كلما عادت رسمة محولة بحجم أكبر من ملف PNG الذي استبدلته.

أخطاء شائعة عند اعتماد WebP

• التحويل دون تغيير الحجم أولاً. تتحكم الأبعاد في معظم حجم الملف، لذا فإن صورة WebP بحجم 4000 بكسل لا تزال ثقيلة جداً.
• حذف الملفات الأصلية. احتفظ بها، لأن النسخ البديلة وإعادات التصدير المستقبيلية تحتاج كلاهما إلى مصدر بدون فقدان.
• تحويل ملف JPEG مضغوط بالفعل. تحمل النتيجة جيلين من الفقد بدلاً من جيل واحد.
• استخدام WebP للملفات القابلة للتنزيل. يجب أن تظل الملفات الصحفية والقوالب وملفات الطباعة بصيغة JPEG أو PNG.
• تحويل الأيقونات الدقيقة. تحت مستوى 5 KB تجعل التكاليف الإضافية للتنسيق الملفات أكبر بدلاً من أصغر.

تحويل مكتبة في دفعة واحدة

قم بالتحويل مباشرة من التنسيق الأصلي بدلاً من توجيه الملفات عبر تنسيق وسيط، لأن كل خطوة بها فقدان تتخلى عن التفاصيل. الانتقال من HEIC إلى JPEG ثم إلى WebP يكلف جيلين حيث كان يكفي جيل واحد.

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