معرض WebP

محتوى هذا المعرض

للحصول على أفضل عرض لصفحة المعرض، يجب استخدام متصفّح متوافق مع WebP، مثل Google Chrome وOpera وغير ذلك.

إذا لم تتمكن من الوصول إلى Google Chrome، يمكنك تنزيل الصور على محرك الأقراص المحلي لاستخدامها مع منتجات أخرى تتوافق مع WebP.

نماذج لملفات صور بتنسيقَي JPEG وWebP ومصدر PNG

يعرض الجدول أدناه صور JPEG المُعدَّلة (على اليسار) وصور WebP (على اليمين) جنبًا إلى جنب لأغراض المقارنة. نظرًا لوجود متصفحات متوافقة مع WebP بشكل أساسي، لم نعد نضع صور WebP في حاوية بتنسيق PNG كما فعلنا في مرحلة الإطلاق. أحجام ملفات الصور دقيقة. سيؤدي النقر على الصور المصغرة بتنسيق JPEG وWebP إلى فتح الصور الكبيرة في علامة تبويب جديدة

تتوافق أحجام الملفات أسفل الصور المصغرة مع أحجام ملفات الصور التي يتم عرضها عند النقر فوق الصور المصغرة. تكون صور WebP أصغر بنسبة 30% من صور JPEG.

JPEG	تنسيق WebP
"نيرويفيوردين، النرويج - من بريسكريدنوسي. التراث العالمي لليونسكو" ^1
حجم ملف JPEG: 43.84 كيلوبايت	حجم ملف WebP: 29.61 كيلوبايت
"Kayaker at Ekstremsportveko 2010, Voss". ^2
حجم ملف JPEG: 86.25 كيلوبايت	حجم ملف WebP: 59.18 كيلوبايت
الإطار 10 من تسلسل "parkrun" ^3
حجم ملف JPEG: 297.05 كيلوبايت	حجم ملف WebP: 198.38 كيلوبايت
الصورة: "كرز بري (Prunus avium) في زهرة" ^4
حجم ملف JPEG: 251.03 كيلوبايت	حجم ملف WebP: 172.82 كيلوبايت
الصورة: نفَس روح "جايبور المهراجا براس" في بلجيكا ^5
حجم ملف JPEG: 120.78 كيلوبايت	حجم ملف WebP: 80.76 كيلوبايت

معلومات حقوق طبع ونشر الصورة

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

يتم سرد أرصدة الصور أعلاه هنا بالترتيب.

1	"نيرويفيوردين، النرويج - من بريسكريدنوسي. موقع التراث العالمي لليونسكو" مؤلف الصورة: كجيتيل بيركلاند موي مُعاد إنتاجه بإذن من المؤلف. مصدر بتنسيق PNG مشاركة مدوّنة للمؤلف مع مقارنة بين تنسيقَي JPEG وWebP يؤدي تمرير الماوس إلى تفعيل الأمثلة.
2	"Kayaker at Ekstremsportveko 2010, Voss" مؤلف الصورة: كجيتيل بيركلاند موي مُعاد إنتاجه بإذن من المؤلف. مصدر بتنسيق PNG مشاركة مدوّنة للمؤلف مع مقارنة بين تنسيقَي JPEG وWebP يؤدي تمرير الماوس إلى تفعيل الأمثلة.
3	الإطار 10 من تسلسل "parkrun" منتِج الصور: Lars Haglund, SVT Sveriges Television AB مُعاد إنتاجه بإذن من المنتج مصدر PNG
4	الصورة: "A Wild Cherry (Prunus avium) in flower" مؤلف الصورة: بنجامين غيميل مصدر بتنسيق PNG صورة مرخّصة بموجب ترخيص المشاع الإبداعي ترخيص Attribution-Share Alike 3.0 Unported.
5	الصورة: فاتور لـ "فرقة جايبور مهراجا براس" Chassepierre بلجيكا المؤلف: Luc Viatour مصدر PNG صورة مرخّصة بموجب ترخيص Creative Commons Attribution-Share Alike 3.0 Unported. الموقع الإلكتروني للمؤلف على www.lucnix.be

إعادة إنتاج الصور

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

الأدوات

لتحويل الصور المصدر وإعادة ضبط حجمها، استخدمنا إصدارًا حديثًا من أداة ImageMagick المسماة convert والمتاح على https://www.imagemagick.org. نص معلومات الإصدار على النحو التالي:

Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org

لضغط JPEG، استخدمنا الإصدار 8b من برنامج الترميز المرجعي من IJG المتوفر على https://www.ijg.org/files/jpegsrc.v8b.tar.gz.

نص معلومات الإصدار على النحو التالي:

Independent JPEG Group's CJPEG, version 8b  16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding

إنشاء صور PNG المصدر

أولاً، يتم تحويل مصادر JPEG بدون فقدان البيانات إلى تنسيق PNG ببساطة باستخدام:

convert in.jpg out.png

وبعد ذلك، تتم إعادة ضبط حجم صور المصدر الكبير إلى عرض أصغر يبلغ 1024 بكسل باستخدام الأمر التالي:

convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png

لإنتاج المجموعة النهائية من صور PNG المصدر.

الضغط إلى تنسيق JPEG

يلتقط برنامج ترميز JPEG (cjpeg) صور الإدخال بتنسيق PPM. ونستخدم convert لإنشائها. عندئذٍ، يكون تسلسل الإحالات الناجحة بالكامل:

convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm

التي تنتج ملفات JPEG محسنة بعامل جودة 80.

ضغط الملفات بتنسيق WebP

لقد استهدفنا تقليل حجم الملفات بنسبة 30% مقارنةً بملفات JPEG المحسّنة. وبالتالي، حددنا بشكل صريح الأحجام المستهدفة لكل صورة. بالإضافة إلى ذلك، نضبط قيمًا مخصّصة لقوة الفلترة لكلّ صورة، وذلك بفضل الخيار -f في أداة cwebp. ويتم أيضًا تعزيز نطاق تشكيل الضوضاء المكانية لبعض الصور من خلال استخدام الخيار -sns. تمت قراءة سطور الأوامر المستخدمة بالضبط:

cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp

بشكل عام، حققت ملفات WebP الناتجة توفيرًا عالميًا بنسبة 32% مقارنة بأحجام ملفات JPEG.

إنّ الصور المصغّرة بتنسيق WebP المستخدمة في هذه الصفحة تكون أصغر أيضًا بنسبة %26 مقارنةً بتلك الصور المصغّرة بتنسيق JPEG.