محتوى هذا المعرض
يعرض هذا المعرض بعض نماذج الصور لعرض وضعين جديدين من تنسيق WebP: استخدام WebP بدون فقدان البيانات واستخدام تنسيق WebP مع الإصدار الأولي (دعم الشفافية).
مقارنة جنبًا إلى جنب
يعرض الجدول أدناه صور PNG (مضغوطة باستخدام pngcrush وpngout)، وصور بدون فقدان البيانات بتنسيق WebP، وصور لامعة بتنسيق WebP مع إصدار ألفا للمقارنة جنبًا إلى جنب. يتم تركيب الصور على خلفية مستطيلة كما هو الحال عادةً في برامج الرسومات.
يُرجى العِلم أنّنا استخدمنا جودة Webp بمعدل 90 للصور التي لا تتضمّن تنسيق WebP مع استخدام ألفا والجودة التلقائية للصور بتنسيق WebP بدون فقدان البيانات. راجِع قسم إعادة إنتاج الصور للاطّلاع على مزيد من التفاصيل.
ونعرض صور WebP، بعد تحويلها إلى تنسيق PNG، للمتصفّحات التي لا يمكنها عرض تنسيق WebP. إذا كان لديك متصفّح متوافق، يمكنك العثور على روابط إلى ملفات WebP أدناه. تم أيضًا تصغير حجم الصور في هذه الصفحة لتسهيل المشاهدة. انقر على أي صورة لعرض الصورة بالحجم الكامل.
ويشير الجدول أيضًا إلى حجم الصورة التي تم الحصول عليها في كل وضع.
PNG | بدون فقدان البيانات بتنسيق WebP | WebP-lossy (مع ألفا) |
|---|---|---|
| "زهرة صفراء" 1 | ||
 حجم الملف المحسَّن بتنسيق PNG: 110.7 كيلوبايت |
 حجم الملف غير الملائم بتنسيق WebP: 79.9 كيلوبايت |
 حجم الملف WebP-lossy (مع الإصدار الأولي): 17.7 كيلوبايت |
| "طلب موافقتنا على صفحة المستخدم الخاصة بي" 2 | ||
 حجم الملف المحسَّن بتنسيق PNG: 38.1 كيلوبايت |
 حجم الملف غير الملائم بتنسيق WebP: 27.0 كيلوبايت |
 حجم الملف WebP-lossy (مع الإصدار الأولي): 13.8 كيلوبايت |
| "عرض شفافية PNG" 3 | ||
 حجم الملف المحسَّن بتنسيق PNG: 213.5 كيلوبايت |
 حجم الملف غير الملائم بتنسيق WebP: 149.0 كيلوبايت |
 حجم الملف WebP-lossy (مع الإصدار الأولي): 51.6 كيلوبايت |
| "الذكرى 189 لميلاد "غريغور مندل" 4 | ||
 حجم الملف المحسَّن بتنسيق PNG: 49.2 كيلوبايت |
 حجم الملف غير الملائم بتنسيق WebP: 33.2 كيلوبايت |
 حجم الملف WebP-lossy (مع الإصدار الأولي): 18.3 كيلوبايت |
| "بطاقة بوصلة شفافة للإعلانات المركّبة" 5 | ||
 حجم الملف المحسَّن بتنسيق PNG: 126.8 كيلوبايت |
 حجم الملف غير الملائم بتنسيق WebP: 97.1 كيلوبايت |
 حجم الملف WebP-lossy (مع الإصدار الأولي): 57.3 كيلوبايت |
في ما يلي روابط إلى ملفات WebP (يمكن عرضها في الإصدار 22 من Chrome والإصدارات الأحدث):
| "الوردة الصفراء": | ملف WebP-lossless (80.1 كيلوبايت) | ملف WebP-lossy (مع الإصدار الأولي) (18.4 كيلوبايت) |
| "ردي مصطنع لصفحة المستخدم الخاصة بي": | ملف WebP-lossless (27.0 كيلوبايت) | ملف WebP-lossy (مع الإصدار الأولي) (14.1 كيلوبايت) |
| "عرض توضيحي لـ PNG": | ملف WebP-lossless (149.1 كيلوبايت) | ملف WebP-lossy (مع الإصدار الأولي) (52.6 كيلوبايت) |
| "عيد ميلاد غريغور مندل الـ 189": | ملف WebP-lossless (33.3 كيلوبايت) | ملف WebP-lossy (مع الإصدار الأولي) (19.0 كيلوبايت) |
| "بطاقة بوصلة شفافة للتراكبات": | ملف WebP-lossless (97.1 كيلوبايت) | ملف WebP-lossy (مع الإصدار الأولي) (57.3 كيلوبايت) |
معلومات حقوق طبع ونشر الصورة
تأتي الصور في هذه الصفحة من عدد من المصادر المختلفة. يتم سرد أرصدة الصور أعلاه هنا بالترتيب.
| 1 |
"صورة جاهزة مجانية بدرجة دقة عالية - وردة صفراء 3 - زهور" مؤلف الصورة: جون سوليفان هذا الملف يندرج ضمن النطاق العام. مصدر JPEG |
| 2 |
"baby tux for my user page" مؤلف الصورة: Fizyplankton هذا الملف ضمن النطاق العام. مصدر بتنسيق PNG |
| 3 |
"عرض شفافية PNG" مؤلف الصورة: رمز مصدر POV-Ray صورة مرخّصة بموجب ترخيص المشاع الإبداعي ترخيص Attribution-Share Alike 3.0 غير متنقل. مصدر بتنسيق PNG |
| 4 |
"الذكرى 189 لميلاد "غريغور مندل" مؤلف الصورة: فريق رسومات الشعار المبتكرة من Google شكرًا لفريق رسومات الشعار المبتكرة من Google على هذه الصورة. مصدر بتنسيق PNG |
| 5 |
"بطاقة بوصلة شفافة للتراكبات" مؤلف الصورة: Denelson83 هذا الملف حاصل على ترخيص المشاع الإبداعي Attribution-Share Alike 3.0 Unported. مصدر بتنسيق PNG |
إعادة إنتاج الصور
ومن أجل إعادة إنتاج الصور وتوضيح استخدام بعض معلَمات الضغط بتنسيق WebP، سنشرح هنا الخطوات الدقيقة المتّبعة عند إنشاء الصور في هذا المعرض.
الأدوات
بالنسبة إلى إعادة ضغط PNG، يتم استخدام أفضل نتيجة من pngcrush 1.8.13 وZopfliPNG 1.0.3. تُستخدم خيارات سطر الأوامر التالية
Pngcrush:
pngcrush -brute -rem tEXt -rem tIME -rem iTXt -rem zTXt -rem gAMA -rem cHRM -rem iCCP -rem sRGB -rem alla -rem text input.png output-candidate.png
ZopfliPNG:
zopflipng --lossy_transparent input.png output-candidate.png
ZopfliPNG مع جميع الفلاتر:
zopflipng --iterations=500 --filters=01234mepb --lossy_8bit --lossy_transparent input.png output-candidate.png
لإعادة ضبط حجم بعض الصور المصدر الأكبر (للعرض فقط)، استخدمنا
إصدارًا حديثًا من أداة ImageMagick المسماة convert والمتوفّر على الرابط
https://www.imagemagick.org. كان سطر الأوامر الدقيق على النحو التالي:
convert image.png -resize 240x image_resized.png
الضغط إلى تنسيق WebP بدون فقدان البيانات
استخدمنا الخيار "بدون فقدان بيانات" في أداة cwebp لتحويل تنسيق PNG إلى تنسيق WebP بدون فقدان بيانات. للحصول على الحد الأدنى من الإخراج، كان سطر الأوامر المستخدم كما يلي:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
عرض WebP بدون فقدان البيانات
تم تحويل الصور غير الواضحة بتنسيق WebP إلى تنسيق PNG باستخدام أداة dwebp للعرض. كان سطر الأوامر المستخدم كما يلي:
dwebp webp_lossless.webp -o output.png
الضغط إلى تنسيق WebP-lossy (مع ألفا)
استخدمنا أداة cwebp لتحويل تنسيق PNG إلى تنسيق WebP-lossy (مع ألفا). اخترنا جودة WebP تساوي 90 (ضغط لفقدان البيانات) وجودة ألفا تبلغ 100 (ضغط بدون فقدان البيانات). كان سطر الأوامر المستخدم كما يلي:
cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp
عرض WebP-lossy (مع ألفا)
تم تحويل الصور بتنسيق WebP (مع ألفا) إلى تنسيق PNG باستخدام أداة dwebp للعرض. كان سطر الأوامر المستخدم كما يلي:
dwebp webp_alpha.webp -o output.png