ما هو WebP؟ المزايا والعيوب ودعم المتصفحات

مقدمة

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

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

بحلول النهاية، ستفهم متى يكون WebP الخيار الصحيح وكيفية تحويل صورك إلى WebP بثقة.

ما هو WebP (وما ليس كذلك)

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

يدعم WebP وضعي ضغط:

• الضغط مع فقدان — يقلل حجم الملف عن طريق التخلص من بعض بيانات الصورة. الأفضل للصور الفوتوغرافية والصور المعقدة حيث تكون المقايضات الصغيرة في الجودة مقبولة.
• الضغط بدون فقدان — يحافظ على كل بكسل بالضبط. الأفضل للشعارات وعناصر واجهة المستخدم والرسومات ذات الحواف الحادة والألوان المسطحة.

يدعم WebP أيضًا الشفافية (قناة ألفا) في كلا الوضعين، والتي يدعمها PNG ولكن JPG لا يدعمها. بالإضافة إلى ذلك، يمكن أن يحتوي WebP على رسوم متحركة، مما يجعله بديلاً محتملاً لـ GIF في بعض الحالات.

ما ليس WebP: ليس تنسيقًا متجهًا (استخدم SVG لذلك)، وليس مثاليًا لأغراض الأرشفة حيث تحتاج إلى أقصى قدر من القابلية للتحرير، وليس مدعومًا عالميًا من قبل جميع أدوات تحرير الصور - على الرغم من أن الدعم قد تحسن بشكل كبير.

لماذا ملفات WebP أصغر

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

بالنسبة للصور بدون فقدان، يستخدم WebP مجموعة من التقنيات بما في ذلك التنبؤ المكاني، وتحويل الألوان، وترميز الإنتروبيا. النتيجة غالبًا ما تكون ملفًا أصغر من PNG المكافئ، على الرغم من أن الفرق يختلف حسب محتوى الصورة.

النتيجة العملية واضحة: نفس الصورة، بنفس الجودة البصرية، عادةً ما تشغل بايتات أقل في تنسيق WebP. هذا مهم لأداء الويب لأن الصور الأصغر تعني تحميل صفحات أسرع واستخدام أقل لعرض النطاق الترددي.

لمعرفة المزيد حول الاختيار بين أوضاع الضغط، اقرأ دليلنا حول WebP مع فقدان مقابل بدون فقدان.

دعم المتصفح والتوافق

فك تشفير WebP مدعوم الآن من قبل جميع المتصفحات الرئيسية: Chrome وFirefox وSafari وEdge وOpera. أضاف Safari الدعم في 2020 (macOS Big Sur وiOS 14)، والذي كان آخر المتمسكين الرئيسيين. هذا يعني أنه يمكنك تقديم WebP للغالبية العظمى من المستخدمين دون مشاكل التوافق.

بالنسبة للنسبة الصغيرة من المستخدمين على المتصفحات القديمة، يمكنك استخدام عنصر HTML <picture> لتوفير بديل:

<picture>
  <source srcset="image.webp" type="image/webp" />
  <img src="image.jpg" alt="صورة مثال" />
</picture>

يقدم هذا النمط WebP للمتصفحات التي تدعمه ويعود إلى JPG أو PNG لتلك التي لا تدعمه.

ملاحظة فنية واحدة: تحويل الصور إلى WebP في المتصفح يتطلب دعم تشفير WebP عبر Canvas. تتعامل المتصفحات الحديثة مع هذا، لكن قدرة التحويل منفصلة عن القدرة على عرض صور WebP. أدوات مثل img2webp.com تستخدم التشفير المستند إلى Canvas لإنشاء ملفات WebP مباشرة في متصفحك.

متى تستخدم WebP (ومتى لا تستخدمه)

WebP هو افتراضي قوي لتسليم صور الويب. استخدمه عندما:

• حجم الملف مهم — تحميل صفحات أسرع، تكاليف نطاق ترددي أقل، درجات أفضل لـ Core Web Vitals.
• تحتاج إلى الشفافية — يتعامل WebP بشكل جيد مع قنوات ألفا، غالبًا بملفات أصغر من PNG.
• تقدم صورًا فوتوغرافية — WebP مع فقدان عادةً ما يتفوق على JPG في الحجم بجودة مماثلة.
• تريد تنسيقًا واحدًا — يعمل WebP لكل من المحتوى الفوتوغرافي والرسومي.

فكر في الاحتفاظ بـ PNG أو JPG عندما:

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

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

كيفية تحويل الصور إلى WebP

تحويل الصور إلى WebP أمر بسيط مع img2webp.com:

1. قم بتحميل صورتك — اسحب وأفلت، تصفح، الصق من الحافظة، أو استورد من URL أو التخزين السحابي.
2. اختر إعداداتك — حدد وضع مع فقدان أو بدون فقدان. لمع الفقدان، اضبط منزلق الجودة.
3. قم بتنزيل النتيجة — احفظ ملف WebP أو قم بتنزيل ملفات متعددة كأرشيف ZIP.

للحصول على تعليمات خطوة بخطوة، اتبع برنامج تعليمي JPG إلى WebP للصور الفوتوغرافية أو دليل PNG للصور الشفافة.

الملخص

WebP هو افتراضي عملي لصور الويب. يوازن بين حجم الملف والجودة والميزات - يدعم الضغط مع الفقدان وبدون فقدان، والشفافية، والرسوم المتحركة. دعم المتصفح الآن عالمي لفك التشفير، وأدوات التحويل تجعل من السهل اعتماده.

التنسيق ليس دائمًا الإجابة - بعض سير العمل تتطلب PNG أو JPG - ولكن بالنسبة لتسليم الويب، عادة ما يفوز WebP في الحجم دون التضحية بالجودة البصرية.