مطالب این گالری
این گالری برخی از تصاویر نمونه را برای نمایش دو حالت جدید 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: 79.9 کیلوبایت |  حجم فایل WebP-lossy (با آلفا): 17.7 کیلوبایت |
| "تاکس کودک برای صفحه کاربری من" 2 | ||
 اندازه فایل PNG بهینه شده: 38.1 کیلوبایت |  حجم فایل WebP-Lossless: 27.0 کیلوبایت |  حجم فایل WebP-lossy (با آلفا): 13.8 کیلوبایت |
| "نمایش شفافیت PNG" 3 | ||
 حجم فایل PNG بهینه شده: 213.5 کیلوبایت |  حجم فایل WebP-Lossless: 149.0 کیلوبایت |  حجم فایل WebP-lossy (با آلفا): 51.6 کیلوبایت |
| "هجده و نهمین زادروز گرگور مندل" 4 | ||
 حجم فایل PNG بهینه شده: 49.2 کیلوبایت |  حجم فایل WebP-Lossless: 33.2 کیلوبایت |  حجم فایل WebP-lossy (با آلفا): 18.3 کیلوبایت |
| "کارت قطب نمای شفاف برای روکش ها" 5 | ||
 حجم فایل PNG بهینه شده: 126.8 کیلوبایت |  حجم فایل WebP-Lossless: 97.1 کیلوبایت |  حجم فایل WebP-lossy (با آلفا): 57.3 کیلوبایت |
در اینجا پیوندهای فایل های WebP (قابل مشاهده در کروم 22 و بالاتر) آمده است:
| "رز زرد": | فایل 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