WebP وJPEG وPNG: الإجابة تتبع الصورة

الصور الفوتوغرافية: WebP، بنحو الثلث

عند المقارنة عند جودة صورة متطابقة لا عند رقم جودة متطابق، جاءت WebP أصغر من JPEG بنسبة 30% وسطيًا عبر مجموعة صور فوتوغرافية — بمدى يمتد من 23% إلى 47%، وهو اتساع يكفي ليجعل المتوسط قليل النفع في الحكم على صورة بعينها.

وعبارة «جودة صورة متطابقة» هي مربط الأمر. فالجودة 80 في مرمّز ليست الجودة 80 في مرمّز آخر: في إحدى صور الاختبار احتاجت JPEG إلى الجودة 57 لبلوغ درجة معيّنة، بينما احتاجت WebP إلى 74 لبلوغ الدرجة نفسها. والمقارنة بينهما عند الرقم ذاته، وهو ما تفعله أغلب المقارنات، لا تقيس شيئًا.

أما PNG في صورة فوتوغرافية فتراوح حجمها بين 7 و20 ضعف حجم ملف JPEG. وهي ليست منافسًا هنا، للسبب نفسه الذي يجعل الضغط بلا فقدان لا يجد ما يمسك به في صورة فوتوغرافية — فالحبيبات لا تتكرّر.

لقطات الشاشة والنصوص

لقطة شاشة للوحة معلومات بأبعاد 800 في 520 بكسل، حُفظت من اللوحة نفسها بكل صيغة. ويَعُدّ عمود «البكسلات المتغيّرة» كم منها عاد مختلفًا عن الأصل، أما «أسوأ خطأ» فهو مقدار انزياح أبعدها على مقياس من 0 إلى 255.

‏JPEG خاطئة مرّتين

صفّان يستحقان التوقّف. فـJPEG عند 95 أنتجت ملفًا أكبر من ملف PNG بلا فقدان، وأتلفت مع ذلك 69,416 بكسل. وWebP عند 100 هي أصغر ملف في الاختبار كلّه، وهي كذلك الوحيدة إلى جانب PNG التي لم تغيّر شيئًا البتة.

أي أن JPEG عند 85 توفّر 14% مقابل PNG وتشوّه النص لتفعل ذلك، وJPEG عند 95 تكلّف 19% زيادة على PNG وتظل تُتلفها. فلا يوجد إعداد تكون عنده JPEG الإجابة الصحيحة لصورة فيها نص — ويستحق هذا أن يُقال صراحةً، لأنه الخيار الذي يلجأ إليه كثيرون تلقائيًا.

آخر درجة في المؤشّر مرمّز آخر

هذا هو الجزء المفاجئ فعلًا، وهو سبب وجود هذا الدليل.

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

في لقطة الشاشة نفسها: أعطت الجودة 90 حجمًا قدره 23,138 بايت، والجودة 95 أعطت 29,054، والجودة 100 أعطت 17,798. أي أن أعلى المؤشّر أنتج ملفًا أصغر بنسبة 39% من الدرجة التي تسبقه، وعادت الصورة مطابقة بايتًا ببايت. وكل قيمة دون 100 غيّرت أكثر من 350,000 بكسل.

وفي الصور الفوتوغرافية يصبح الإعداد نفسه فخًّا في الاتجاه المعاكس. ففي أيقونة مملوءة بتدرّجات لونية أعطت الجودة 85 حجمًا قدره 10,536 بايت، وأعطت الجودة 100 حجمًا قدره 116,120 — أي أكبر بأحد عشر ضعفًا مقابل فارق لا يراه أحد. فالضغط بلا فقدان لا يجد ما يمسك به في تدرّج ناعم أو في حبيبات صورة فوتوغرافية.

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

الشفافية، حيث تنقلب الإجابة مرة أخرى

لا تملك JPEG قناة شفافية أصلًا. فإذا حوّلت شعارًا بخلفية شفافة إلى JPEG فالشفافية لا تضعف، بل تختفي — تُملأ عادةً بالأبيض. وقد تحقّقنا من ذلك بدل افتراضه: عادت كل البكسلات معتمة تمامًا.

أما بين PNG وWebP فالغلبة تتبع الانقسام نفسه بين المسطّح والناعم الذي حكم المؤشّر. فشعار مسطّح — ألوان صمّاء وحواف حادة — جاء بحجم 21,479 بايت بصيغة PNG و11,066 بصيغة WebP بلا فقدان: نصف الحجم، وبكسلًا ببكسل الصورة ذاتها.

وأيقونة بالأبعاد نفسها مملوءة بتدرّجات جاءت بحجم 178,268 بايت بصيغة PNG و10,536 بصيغة WebP عند الجودة 85 — أي توفير 94%، وعند تلك الجودة في تدرّج لا يوجد ما يُرى. أما الإعداد بلا فقدان في الأيقونة ذاتها فأعطى 116,120 بايت، أي أن الاختيار داخل WebP كان أهم من الاختيار بين WebP وPNG.

ما الذي تفعله عمليًا

صورة فوتوغرافية لموقع: WebP بجودة 80 إلى 90. توقّع نحو ثلث أقل من ملف JPEG.

لقطة شاشة أو رسم بياني أو أي شيء فيه نص: WebP عند 100. أصغر ملف في الاختبار ونسخة مطابقة.

شعار بشفافية: WebP عند 100 إن كان بألوان مسطّحة، وWebP في الثمانينيات إن كان فيه تدرّجات. وPNG إن كان هناك ما لا يقبل WebP في المراحل التالية.

صورة فوتوغرافية يجب أن تُفتح في أي مكان بما في ذلك البرامج القديمة: JPEG. وهذا هو السبب الوحيد المتبقّي لاختيارها.

ولا تفعل أبدًا: JPEG لأي شيء فيه نص، وPNG لصورة فوتوغرافية.