محتوى هذا المعرض
يعرض هذا المعرض بعض نماذج الصور لعرض وضعين جديدين من تنسيق WebP: تنسيق WebP بدون فقدان البيانات وWebP-lossy مع استخدام ألفا (دعم الشفافية).
مقارنة جنبًا إلى جنب
يعرض الجدول أدناه صور 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 كيلوبايت |
| "baby tux لصفحة المستخدم الخاصة بي" 2 | ||
 حجم الملف المحسَّن بتنسيق PNG: 38.1 كيلوبايت |
 حجم ملف WebP بدون فقدان البيانات: 27.0 كيلوبايت |
 حجم ملف WebP-lossy (مع قيمة ألفا): 13.8 كيلوبايت |
| "عرض شفافية PNG" 3 | ||
 حجم الملف المحسَّن بتنسيق PNG: 213.5 كيلوبايت |
 حجم ملف WebP بدون فقدان البيانات: 149.0 كيلوبايت |
 حجم ملف WebP-lossy (مع قيمة ألفا): 51.6 كيلوبايت |
| "عيد ميلاد غريغور مندل" 4 | ||
 حجم الملف المحسَّن بتنسيق PNG: 49.2 كيلوبايت |
 حجم ملف WebP بدون فقدان البيانات: 33.2 كيلوبايت |
 حجم ملف WebP-lossy (مع قيمة ألفا): 18.3 كيلوبايت |
| "بطاقة بوصلة شفافة للتراكبات" 5 | ||
 حجم الملف المحسَّن بتنسيق PNG: 126.8 كيلوبايت |
 حجم ملف WebP بدون فقدان البيانات: 97.1 كيلوبايت |
 حجم ملف WebP-lossy (مع قيمة ألفا): 57.3 كيلوبايت |
في ما يلي الروابط إلى ملفات WebP (القابلة للعرض في الإصدار Chrome 22 والإصدارات الأحدث):
| "وردة صفراء": | ملف 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 كيلوبايت) |
| "عيد ميلاد غريغور مندل": | ملف WebP-lossless (33.3 كيلوبايت) | ملف WebP-lossy (مع الإصدار الأولي) (19.0 كيلوبايت) |
| "بطاقة بوصلة شفافة للتراكبات": | ملف WebP-lossless (97.1 كيلوبايت) | ملف WebP-lossy (مع الإصدار الأولي) (57.3 كيلوبايت) |
معلومات حقوق طبع ونشر الصورة
تأتي الصور في هذه الصفحة من عدد من المصادر المختلفة. أرصدة عن الصور أعلاه مدرجة هنا بالترتيب.
| 1 |
"صورة جاهزة مجانية بدقة عالية - زهرة صفراء 3 - زهور" مؤلف الصور: جون سوليفان هذا الملف ضمن النطاق العام. مصدر JPEG |
| 2 |
"baby tux لصفحة المستخدم الخاصة بي" ناشر الصورة: Fizyplankton هذا الملف ضمن النطاق العام. مصدر PNG |
| 3 |
"عرض توضيحي لشفافية PNG" ناشر الصورة: رمز مصدر POV-Ray الصورة مرخّصة بموجب رخصة المشاع الإبداعي ترخيص Attribution-Share Alike 3.0 غير المنقل. مصدر PNG |
| 4 |
"عيد ميلاد غريغور مندل" ناشر الصور: فريق رسومات شعار Google نشكر فريق رسومات الشعار المبتكرة في Google على هذه الصورة. مصدر PNG |
| 5 |
"بطاقة بوصلة شفافة للتراكبات" مؤلف الصور: Denelson83 تم ترخيص هذا الملف بموجب رخصة المشاع الإبداعي ترخيص Attribution-Share Alike 3.0 غير المنقل. مصدر 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-lossy (مع الإصدار الأولي) إلى PNG باستخدام أداة dwebp العرض. كان سطر الأوامر المستخدم بالضبط كما يلي:
dwebp webp_alpha.webp -o output.png