ما هو WebP ولماذا أنشأته Google؟
WebP هو تنسيق صور مفتوح تم تطويره بواسطة Google، وتم إصداره لأول مرة في عام 2010 وهو مستمد من برنامج ترميز الفيديو VP8. كان دافع Google واضحًا ومباشرًا: فقد أصبحت شبكة الويب مثقلة بالصور بشكل متزايد، وتم تصميم التنسيقات السائدة - JPEG (1992) وPNG (1996) - لعصر إنترنت مختلف تمامًا.
يحقق WebP كفاءة الضغط من خلال العديد من الابتكارات:
- ترميز التنبؤ بالكتل - يستخدم بيانات البكسل المحيطة للتنبؤ بالشكل الذي يجب أن تبدو عليه كل كتلة
- تحويل الترميز - يشبه DCT الخاص بـ JPEG ولكنه يعمل على كتل أكبر وبكفاءة أعلى.
- تشفير الإنتروبيا الحسابي - أكثر كفاءة من ترميز هوفمان لـ JPEG
- التكميم التكيفي - يطبق المزيد من الضغط على أقل مناطق مهمة
والنتيجة هي تنسيق يقدم نفس الجودة المرئية مثل JPEG في ملف أصغر بنسبة 25% إلى 35%.
WebP مقابل JPEG مقابل PNG: مقارنة الضغط
| الخاصية | WebP (فقدان) | WebP (بدون فقدان) | JPEG | PNG |
|---|---|---|---|---|
| الشفافية | ✅ نعم | ✔ نعم | ❌ لا | ✔ نعم |
| الرسوم المتحركة | ✅ نعم | ✅ نعم | ❌ لا | ✅ محدود |
| حجم الملف (صور) | الأصغر | أكبر | متوسط | الأكبر |
| حجم الملف (الشعارات/الأيقونات) | صغير | أصغر بنسبة 26% من PNG | متوسط (لا الشفافية) | كبيرة |
| الأفضل لـ | صور الويب | شعارات الويب وأيقوناتها | البريد الإلكتروني والطباعة والويب القديم | الطباعة والتحرير الرئيسي |
دعم المتصفح والنظام الأساسي لـ WebP
اعتبارًا من عام 2026، أصبح WebP مدعومًا من قبل 97%+ من مستخدمي المتصفح العالمي:
- ✅ Chrome (منذ الإصدار 17، 2012)
- ✅ Firefox (منذ الإصدار 65، 2019)
- ✅ Safari (منذ الإصدار 14، 2020)
- ✅ Edge (منذ الإصدار 18، 2018)
- ✅ Opera، Samsung Internet، متصفح Android
- ❌ Internet Explorer (لا يوجد دعم - قديم فقط)
غير مدعوم: معظم برامج البريد الإلكتروني لسطح المكتب (Outlook وThunderbird وApple Mail). بالنسبة إلى البريد الإلكتروني، استمر في استخدام JPEG وPNG.
متى يجب استخدام WebP (ومتى لا تستخدمه)
استخدم WebP من أجل:
- صور موقع الويب (صور المنتج، وصور أبطال المدونة، ورسومات الخلفية)
- تطبيقات الجوال وتطبيقات الويب التقدمية
- في أي مكان تتحكم فيه في بيئة العرض ويمكنك التحقق من دعم المتصفح
التزم باستخدام JPEG أو PNG لـ:
- صور الرسائل الإخبارية عبر البريد الإلكتروني (توافق عميل البريد الإلكتروني)
- الصور المرسلة إلى البوابات الحكومية والأنظمة القديمة
- ملفات جاهزة للطباعة (يعد JPEG معيارًا للطباعة الاحترافية)
- تحميلات الوسائط الاجتماعية (يتم التحويل تلقائيًا في معظم الأنظمة الأساسية على أي حال)
تنفيذ WebP على موقع الويب الخاص بك
الخيار 1: عنصر صورة HTML (الأكثر توافقًا)
<صورة>
<المصدر srcset="image.webp" type="image/webp">
تستخدم المتصفحات الحديثة مصدر WebP؛ المتصفحات التي لا تدعم WebP تعود إلى تنسيق JPEG.
الخيار 2: التحويل التلقائي لـ CDN يمكن لـ Cloudflare وimgix وCloudinary ومعظم شبكات CDN الحديثة تقديم خدمة WebP تلقائيًا إلى المتصفحات التي تدعمها، والتحويل من ملفات JPEG/PNG الأصلية بسرعة - دون تغيير أي كود.
تحويل صورك الحالية: استخدم محول JPG إلى WebP للصور أو محول PNG إلى WebP للحصول على رسومات وشعارات ذات شفافية.
الأدلة المصاحبة الموصى بها
استكشف البرامج التعليمية والأدوات المساعدة التكميلية من مجموعة المواضيع هذه لتحسين سير عملك الرقمي:
تحويل JPG إلى WebP لتسريع موقع الويب الخاص بك عن طريق 30%برنامج تعليمي عملي خطوة بخطوة مع معايير تم التحقق منها وسير العمل داخل المتصفح.تحويل PNG الشفافة إلى WebP: احتفظ بقناة ألفابرنامج تعليمي عملي خطوة بخطوة مع معايير تم التحقق منها وسير العمل في المتصفح.تحويل WebP إلى JPG: إصلاح عدم توافق WebP على الأجهزة القديمةبرنامج تعليمي عملي خطوة بخطوة مع معايير تم التحقق منها وسير العمل في المتصفح.تاريخ لوريم إيبسوم: لماذا لا يزال المصممون يستخدمونه منذ 2000 عام اللاتينيةسير عمل متكامل متعدد التنسيقات يربط البيانات ذات الصلة وأدوات الوسائط.
محول WebP