تخطى إلى المحتوى
Vizua

ما WebP؟ شرح صيغة الصور الحديثة وأهميتها

آخر تحديث:

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

كيف ظهرت صيغة WebP

أعلنت Google عن WebP في 30 سبتمبر 2010، مقدّمة إياها كبديل حديث لـ JPEG على الويب. الصيغة وُلدت من مُرمّز فيديو: كانت Google قد استحوذت على شركة On2 Technologies التي طوّرت صيغة الفيديو VP8. مهندسو Google أدركوا أن تقنيات ضغط VP8 — المصممة لتقليص إطارات الفيديو — تستطيع أيضاً إنتاج صور ثابتة صغيرة بشكل ملحوظ.

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

نقطة التحول جاءت تدريجياً:

  • 2012 — توسع WebP في Chrome بقدرات عديمة الفقد وشفافية
  • 2014 — واصل دعم WebP الانتشار في متصفحات Chromium وAndroid
  • 2019 — أضاف Firefox 65 دعم WebP
  • 2020 — دعمه Safari مع جيل iOS 14 وmacOS Big Sur
  • اليوم — تدعمه المتصفحات الرئيسية الحالية؛ وتحتاج القديمة والمستهلكات الأخرى إلى فحص

أغلق دعم Safari فجوة توافق كبيرة، لكن «دعم المتصفح» لا يمثل سلسلة التسليم كلها. قد تتبع عروض الويب المضمنة وعملاء البريد والروبوتات والمحررات والتطبيقات الأصلية والأجهزة طويلة العمر جداول مختلفة.

كيف يعمل ضغط WebP

WebP يقدّم وضعين للضغط، كل منهما مناسب لنوع مختلف من الصور:

الوضع مع الخسارة (للصور الفوتوغرافية)

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

أفادت دراسة Google المقارنة بأن WebP الضياعي كان أصغر من JPEG المماثل بنسبة 25–34% عند SSIM متساوٍ في مجموعة الاختبار. هذه خلفية لا توقع لكل ملف؛ يغير تاريخ المصدر وإصدار المرمّز والإعدادات والبيانات الوصفية ومقياس الجودة النتيجة.

الوضع بدون خسارة (للرسومات)

يستخدم WebP عديم الفقد التنبؤ المكاني وتحويلات الألوان وترميز اللوحة والإنتروبيا. يستطيع الفك استعادة قيم البكسل المرمّزة؛ وتبقى البيانات الوصفية والملفات ومعالجة RGB الشفاف كلياً مسائل منفصلة في المسار.

أظهرت مجموعة Google المنشورة أن WebP عديم الفقد أصغر من PNG بنحو 26% في المتوسط. قد ينكمش ملف أقل أو يكبر. يعيد الوضع عديم الفقد البكسلات، بينما قد تعتمد البيانات الوصفية وRGB الشفاف على إعدادات المرمّز.

WebP مقابل JPEG مقابل PNG: جنباً إلى جنب

الميزة WebP JPEG PNG
ضغط مع خسارة نعم؛ نتائج مجموعة Google مقابل JPEG نعم لا
ضغط بدون خسارة نعم؛ نتائج مجموعة Google مقابل PNG لا في ترميز JPEG العادي نعم
شفافية (ألفا) نعم لا نعم
حركة نعم لا تدعم المتصفحات الرئيسية الحالية امتداد APNG
دعم المتصفحات المتصفحات الرئيسية الحالية واسع جداً واسع جداً
الدقة القصوى 16383 x 16383 يعتمد على التنفيذ يعتمد على التنفيذ
الدور الشائع مرشح حديث مختبر للويب تسليم صور واسع التوافق رسومات عديمة الفقد ولقطات ومسارات شفافية

يجمع WebP قدرات موزعة بين JPEG وPNG والصيغ المتحركة، لكنه لا يضمن حجماً أصغر أو توافقاً أكبر في كل مسار. توثق Google مساحة WebP قصوى 16383 × 16383 بكسل للمجرى العام، وهو حد حقيقي للصور الضخمة.

لماذا تستخدم المواقع الحديثة WebP

قد يؤثر نقل الصور وفكها في التجربة وCore Web Vitals عندما تكون الصور عنق الزجاجة. قد يخفض WebP الأصغر النقل، لكن التحويل وحده لا يضمن ملفاً أصغر أو LCP أسرع أو تغير ترتيب. قِس الصفحة واحتفظ ببديل مناسب.

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

التحويل مباشر لأصحاب المواقع والمطورين. يمكنك في Vizua داخل المتصفح تحويل JPG إلى WebP أو PNG إلى WebP من دون تثبيت برنامج أو إرسال محتوى الصور المحددة إلى Vizua.

متى لا تستخدم WebP

WebP ممتاز لتقديم الويب، لكنه ليس الخيار الصحيح لكل سيناريو:

  • التخزين الأرشيفي — استخدم الصيغة وسياسة البيانات وفحوص السلامة والتكرار التي يحددها أرشيفك، ولا تفترض أن صيغة الويب أرشيفية.
  • الطباعة — اسأل المطبعة عن الصيغ والملفات والدقة ومتطلبات البروفة قبل التسليم.
  • مرفقات البريد — قد يكون JPEG أو PNG أكثر توافقاً مع العملاء والبرامج القديمة؛ اختبر الوجهة الفعلية.
  • صور تتجاوز 16383 بكسل في أي بعد — حد WebP العام 16383 x 16383. استخدم صيغة لمساحة أكبر أو التبليط أو مساراً هرمياً.

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

تحتاج الاتجاه العكسي؟ Vizua أيضاً تتعامل مع تحويل WebP إلى JPG وضغط WebP للملفات الموجودة بالصيغة.

WebP والمستقبل: دخول AVIF إلى المشهد

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

لا يجعل AVIF صيغة WebP قديمة. تختلف كلفة الترميز والفك والخصائص والأدوات والتوافق. تستطيع حزمة <picture> تقديم AVIF وWebP وJPEG، لكن الترتيب الصحيح لا يضمن أصغر ملف إن لم تُنشأ كل نسخة وتُختبر جيداً.

يكون WebP غالباً مرشح بداية عملياً لأن دعم المتصفحات والأدوات الحالي واسع. اختبر AVIF عندما يدعمه خط البناء ومراجعة الجودة والبدائل والجمهور.

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

هل تعرض كل المتصفحات صور WebP؟

تدعم الإصدارات الحالية من Chrome وFirefox وSafari وEdge وOpera صيغة WebP، لكن عبارة «كل المتصفحات» واسعة جداً: قد تختلف الإصدارات القديمة وعروض الويب المضمنة وعملاء البريد والتطبيقات الأصلية والبرامج المتخصصة. افحص بيانات جمهورك ووفر JPEG أو PNG بديلاً إذا كانت البرامج غير الداعمة مهمة.

هل WebP أفضل من JPEG؟

ليس لكل ملف أو مسار عمل. أفادت دراسة WebP المنشورة من Google بأن ملفات WebP الضياعية كانت أصغر من JPEG المماثل عند SSIM متساوٍ في مجموعتها، لكن النتيجة تعتمد على المصدر والمرمّز والإعدادات والمقياس. يضيف WebP الشفافية والحركة؛ ويبقى JPEG أوسع توافقاً في البرامج القديمة وغير الويب.

هل WebP أفضل من PNG؟

يعتمد على الصورة والبرنامج. وجدت مجموعة Google المنشورة أن WebP عديم الفقد أصغر من PNG في المتوسط، لكن تحويلاً معيناً قد يكون أكبر. يستطيع WebP وAPNG عرض الحركة. يبقى PNG مفيداً لتوافق الأدوات الواسع ومسارات العمل عديمة الفقد المتوقعة.

هل يفقد التحويل إلى WebP الجودة؟

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

لماذا ما زالت بعض المواقع تستخدم JPEG بدلاً من WebP؟

قد يبقى JPEG مناسباً بسبب توافق المستلم والنسخ الأصلية ودعم المحرر أو CMS ومسارات البريد والتصدير وتعقيد الذاكرة المؤقتة وكلفة الانتقال. لا يُضمن أن يكون WebP أصغر عند الجودة المطلوبة. اختبر مواد ممثلة واحتفظ بـJPEG حين لا تقدم نسخة أخرى فائدة مقاسة كافية.

تعامل مع صور WebP

حوّل واضغط مجاناً داخل المتصفح؛ لا تُرسل الملفات المحددة إلى خادم معالجة الصور لدينا.