گالری Lossless و Alpha

این گالری برخی از تصاویر نمونه را برای نمایش دو حالت جدید WebP ارائه می دهد: WebP-lossless و WebP-lossy با آلفا (پشتیبانی از شفافیت).

مقایسه کنار هم

جدول زیر تصاویر PNG (فشرده شده با pngcrush و pngout)، تصاویر WebP-less و تصاویر WebP-lossy با Alpha را برای مقایسه کنار هم ارائه می دهد. همانطور که معمولاً در نرم افزارهای گرافیکی انجام می شود، تصاویر بر روی پس زمینه شطرنجی قرار می گیرند.

توجه داشته باشید که ما از کیفیت webp 90 برای تصاویر WebP-lossy با کیفیت آلفا و کیفیت پیش فرض برای تصاویر WebP-lossless استفاده کرده ایم. برای جزئیات بیشتر به بخش بازتولید تصاویر مراجعه کنید.

ما تصاویر WebP -- تبدیل به PNG -- را برای مرورگرهایی که قادر به ارائه WebP نیستند ارائه می کنیم. اگر مرورگر سازگار دارید، می‌توانید پیوندهای فایل‌های WebP را در زیر بیابید. همچنین، تصاویر موجود در این صفحه برای سهولت مشاهده کوچک شده اند. برای مشاهده تصویر در اندازه اصلی روی هر تصویر کلیک کنید.

جدول همچنین اندازه تصویر به دست آمده در هر حالت را نشان می دهد.

PNG

WebP-lessless

WebP-lossy (با آلفا)

"رز زرد" 1

حجم فایل PNG بهینه شده: 110.7 کیلوبایت
WebP-Lossless Image
حجم فایل WebP-Lossless: 79.9 کیلوبایت
WebP-lossy (با آلفا) تصویر
حجم فایل WebP-lossy (با آلفا): 17.7 کیلوبایت
"تاکس ​​کودک برای صفحه کاربری من" 2

اندازه فایل PNG بهینه شده: 38.1 کیلوبایت
WebP-Lossless Image
حجم فایل WebP-Lossless: 27.0 کیلوبایت
WebP-lossy (با آلفا) تصویر
حجم فایل WebP-lossy (با آلفا): 13.8 کیلوبایت
"نمایش شفافیت PNG" 3

حجم فایل PNG بهینه شده: 213.5 کیلوبایت
WebP-Lossless Image
حجم فایل WebP-Lossless: 149.0 کیلوبایت
WebP-lossy (با آلفا) تصویر
حجم فایل WebP-lossy (با آلفا): 51.6 کیلوبایت
"هجده و نهمین زادروز گرگور مندل" 4

حجم فایل PNG بهینه شده: 49.2 کیلوبایت
WebP-Lossless Image
حجم فایل WebP-Lossless: 33.2 کیلوبایت
WebP-lossy (با آلفا) تصویر
حجم فایل WebP-lossy (با آلفا): 18.3 کیلوبایت
"کارت قطب نمای شفاف برای روکش ها" 5

حجم فایل PNG بهینه شده: 126.8 کیلوبایت
WebP-Lossless Image
حجم فایل WebP-Lossless: 97.1 کیلوبایت
WebP-lossy (با آلفا) تصویر
حجم فایل WebP-lossy (با آلفا): 57.3 کیلوبایت
"رز زرد": فایل WebP-Lossless (80.1 KB) فایل WebP-lossy (با آلفا) (18.4 کیلوبایت)
"تاکس ​​کودک برای صفحه کاربری من": فایل WebP-Lossless (27.0 KB) فایل WebP-lossy (با آلفا) (14.1 کیلوبایت)
"نمایش شفافیت PNG": فایل WebP-Lossless (149.1 KB) فایل WebP-lossy (با آلفا) (52.6 کیلوبایت)
"هجده و نهمین زادروز گرگور مندل": فایل WebP-Lossless (33.3 KB) فایل WebP-lossy (با آلفا) (19.0 کیلوبایت)
"کارت قطب نمای شفاف برای همپوشانی": فایل WebP-Lossless (97.1 KB) فایل WebP-lossy (با آلفا) (57.3 کیلوبایت)

اعتبار تصویر

تصاویر موجود در این صفحه از منابع مختلف تهیه شده اند. امتیازات تصاویر بالا به ترتیب در اینجا ذکر شده است.

1 "عکس استوک رایگان با وضوح بالا - رز زرد 3 - گل"
نویسنده تصویر: جان سالیوان
این فایل در مالکیت عمومی است.
منبع JPEG
2 "تاکس ​​کودک برای صفحه کاربری من"
نویسنده تصویر: Fizyplankton
این فایل در مالکیت عمومی است.
منبع PNG
3 "نمایش شفافیت PNG"
نویسنده تصویر: کد منبع POV-Ray
عکس دارای مجوز Creative Commons Attribution-Share Alike 3.0 Unported .
منبع PNG
4 «هجده و نهمین زادروز گرگور مندل»
نویسنده تصویر: تیم Google Doodle
از تیم Google Doodle برای این تصویر سپاسگزاریم.
منبع PNG
5 "کارت قطب نمای شفاف برای روکش ها"
نویسنده تصویر: Denelson83
این فایل تحت مجوز Creative Commons 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-lessless

ما از گزینه 'lossless' در ابزار cwebp برای تبدیل PNG به WebP-less استفاده کردیم. برای به دست آوردن حداقل خروجی، خط فرمان دقیق استفاده شده به شرح زیر بود:

cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp

ارائه WebP-lessless

ما تصاویر بدون اتلاف WebP را با استفاده از ابزار dwebp برای رندر به PNG تبدیل کردیم. خط فرمان دقیق استفاده شده به شرح زیر بود:

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 (با آلفا) را با استفاده از ابزار dwebp برای رندر به PNG تبدیل کردیم. خط فرمان دقیق استفاده شده به شرح زیر بود:

dwebp webp_alpha.webp -o output.png