معرض WebP

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

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

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

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

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

JPEG

WebP

"Nærøyfjorden، النرويج - من Breiskrednosi. "التراث العالمي لليونسكو" 1

حجم ملف JPEG: 43.84 كيلوبايت
صورة WebP
حجم ملف WebP: 29.61 كيلوبايت
"Kayaer at Ekstremsportveko 2010, Voss". 2

حجم ملف JPEG: 86.25 كيلوبايت
صورة WebP
حجم ملف WebP: 59.18 كيلوبايت
الإطار 10 من مسلسل " Parkrun" التسلسل 3

حجم ملف JPEG: 297.05 كيلوبايت
صورة WebP
حجم ملف WebP: 198.38 كيلوبايت
الصورة: "كرز بري (Prunus avium) في مرحلة الإزهار" 4

حجم ملف JPEG: 251.03 كيلوبايت
صورة WebP
حجم ملف WebP: 172.82 كيلوبايت
الصورة: فرقة "جايبور ماهاراجا براسس باند" التي تُطلق النار في Chassepierre، بلجيكا 5

حجم ملف JPEG: 120.78 كيلوبايت
صورة WebP
حجم ملف WebP: 80.76 كيلوبايت

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

تأتي الصور في هذه الصفحة من عدد من المصادر المختلفة. لدينا واخترنا بعض الصور الرائعة والثرية لعرض ميزات WebP.

في ما يلي أسماء الجهات التي تملك حقوق الصور أعلاه بالترتيب.

1 "Nærøyfjorden, النرويج - من بريسكريدنوسي. UNESCO World Heritage"
Image Author: Kjetil Birkeland Moe
Reproduced with permission of the author.
مصدر PNG
مشاركة مدوّنة كتبها مؤلفة تقارن بين تنسيقَي JPEG وWebP يؤدي التمرير بمؤشر الماوس إلى تفعيل الأمثلة.
2 "Kayaker at Ekstremsportveko 2010, Voss"
Image Author: Kjetil Birkeland Moe
Reproduced with permission of the author.
مصدر ملف PNG
مشاركة مدوّنة كتبها المؤلف تقارن بين تنسيقَي JPEG وWebP فأر يؤدي التمرير فوقها إلى تنشيط الأمثلة.
3 الإطار 10 من مسلسل " Parkrun" التسلسل
منتج الصور: Lars Haglund، SVT Sveriges Television AB
منسوخة بإذن من مُنتجها
مصدر PNG
4 الصورة: "كرز بري (Prunus avium) في مرحلة الإزهار"
اسم مؤلف الصورة: "بنيامين غيمّل"
مصدر الصورة بتنسيق PNG
الصورة مرخّصة بموجب الترخيص المشاع الإبداعي بالمثل وبدون تعديل مع نسب العمل إلى مؤلفه 3.0 غير المتوافق.
5 الصورة: فرقة "جايبور ماهاراجا براسس باند" التي تُطلق النار في Chassepierre ببلجيكا
المؤلف: Luc Viatour
مصدر الصورة بتنسيق PNG
الصورة مرخَّصة بموجب الترخيص المشاع الإبداعي بالمثل وبدون تعديل مع نسب العمل إلى مؤلفه 3.0 غير المتوافق مع الأجهزة الجوّالة.
الموقع الإلكتروني للمؤلف على الرابط 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.