תוכן הגלריה הזו
בגלריה הזו מוצגות כמה תמונות לדוגמה שמציגות שני מצבים חדשים של WebP: WebP-lossless ו-WebP-lossy עם אלפא (תמיכה בשקיפות).
השוואה זה לצד זה
בטבלה הבאה מוצגות תמונות PNG (דחוסות באמצעות pngcrush ו-pngout), תמונות ללא WebP ו-WebP-lossy עם אלפא להשוואה אחת לצד השנייה. התמונות ממוקמות על רקע משבצות, כמו בדרך כלל בתוכנת גרפיקה.
חשוב לשים לב שהאיכות של webp היא 90 עבור תמונות WebP-lossy עם אלפא ובאיכות ברירת המחדל לתמונות ללא WebP-lossy. לפרטים נוספים, ראו שחזור התמונות.
אנחנו מציגים את התמונות של WebP, שהומרו בחזרה ל-PNG, עבור דפדפנים שלא יכולים לעבד את WebP. אם יש לכם דפדפן תואם, תוכלו למצוא את הקישורים לקובצי WebP בהמשך. בנוסף, התמונות בדף הזה הוקטנו כדי שיהיה נוח יותר לראות אותן. לחצו על תמונה כדי להציג אותה בגודל מלא.
הטבלה גם מציינת את גודל התמונה שמתקבלת בכל מצב.
PNG | ללא WebPloss | WebP-lossy (עם אלפא) |
---|---|---|
"צהוב ורוד" 1 | ||
גודל הקובץ שעבר אופטימיזציה ל-PNG: 110.7KB |
גודל הקובץ WebP-lossless: 79.9KB |
גודל הקובץ WebP-lossy (עם אלפא): 17.7KB |
"baby tux for my user page" 2 | ||
גודל הקובץ שעבר אופטימיזציה ל-PNG: 38.1KB |
גודל הקובץ WebP-lossless: 27.0KB |
גודל הקובץ WebP-lossy (עם אלפא): 13.8KB |
"הדגמת שקיפות בפורמט PNG" 3 | ||
גודל הקובץ שעבר אופטימיזציה ל-PNG: 213.5KB |
גודל הקובץ WebP-lossless: 149.0KB |
גודל הקובץ WebP-lossy (עם אלפא): 51.6KB |
'189 שנים להולדת גרגור מנדל' 4 | ||
גודל הקובץ שעבר אופטימיזציה ל-PNG: 49.2KB |
גודל הקובץ WebP-lossless: 33.2KB |
קובץ WebP-lossy (עם אלפא): 18.3KB |
"כרטיס מצפן שקוף לשכבות-על" 5 | ||
גודל הקובץ שעבר אופטימיזציה ל-PNG: 126.8KB |
גודל הקובץ WebP-lossless: 97.1 KB |
גודל הקובץ WebP-lossy (עם אלפא): 57.3KB |
הנה הקישורים לקובצי WebP (ניתן להצגה ב-Chrome 22 ואילך):
"צהוב ורוד": | קובץ WebP-lossless (80.1 KB) | קובץ WebP-lossy (עם אלפא) (18.4KB) |
"baby tux for my user page": | קובץ WebP-lossless (27.0 KB) | קובץ WebP-lossy (עם אלפא) (14.1 KB) |
"הדגמה של טרנספורמציה של קובץ PNG": | קובץ WebP-lossless (149.1 KB) | קובץ WebP-lossy (עם אלפא) (52.6 KB) |
"189 שנה להולדת גרגור מנדל": | קובץ WebP-lossless (33.3 KB) | קובץ WebP-lossy (עם אלפא) (19.0 KB) |
"כרטיס מצפן שקוף לשכבות-על": | קובץ WebP-lossless (97.1 KB) | קובץ WebP-lossy (עם אלפא) (57.3 KB) |
קרדיטים לתמונה
התמונות בדף הזה מגיעות מכמה מקורות שונים. הקרדיטים לתמונות שלמעלה מפורטים כאן לפי הסדר.
1 |
"תמונה ממאגר חופשי ברזולוציה גבוהה - צהוב ורוד 3 - פרחים" מחבר התמונה: Jon Sullivan קובץ זה נמצא בדומיין הציבורי. מקור JPEG |
2 |
"baby tux for my user page" מחבר התמונה: Fizyplankton הקובץ הזה נמצא בדומיין הציבורי. מקור PNG |
3 |
"הדגמת שקיפות בפורמט PNG" מחבר התמונה: קוד מקור POV-Ray התמונה ברישיון Creative Commons Attribution-Share Alike 3.0 Unported. מקור PNG |
4 |
'189 שנה להולדת גרגור מנדל' מחבר התמונה: צוות הדודל של Google תודה לצוות הדודל של Google על התמונה. מקור 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-lossless
השתמשנו באפשרות 'lossless' בכלי cwebp כדי להמיר קובץ PNG ל-WebP-lossless. כדי לקבל את הפלט המינימלי, השתמשו בשורת הפקודה המדויקת הבאה:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
עיבוד WebP-lossless
המרנו תמונות WebP-lossless חזרה ל-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