תוכן הגלריה הזו
בגלריה הזו מוצגות כמה תמונות לדוגמה שמציגות שני מצבים חדשים של WebP: WebP-lossless ו-WebP-lossy עם alpha (תמיכה בשקיפות).
השוואה זה לצד זה
בטבלה הבאה מוצגות תמונות PNG (דחוסות באמצעות pngcrush ו-pngout), הצגת תמונות ללא חיבור ל-WebP ותמונות בחיבור ל-WebP במצב אלפא, זו לצד זו להשוואה. התמונות מופיעות בשכבת-על על רקע משובץ, כרגיל בתוכנת גרפיקה.
שימו לב: השתמשנו באיכות Webp ברמה 90 עבור תמונות עם נתונים בנפח WebP עם גרסאות אלפא ו- איכות ברירת המחדל לתמונות ללא חיבור לאינטרנט. צפייה שחזור הקטע של התמונות לקבלת פרטים נוספים.
אנחנו מציגים את תמונות ה-WebP, שהומרו בחזרה ל-PNG – לדפדפנים שלא יכולת לעבד WebP. אם יש לכם דפדפן תואם, תוכלו למצוא את קישורים לקובצי WebP שנמצאים בהמשך. בנוסף, התמונות בדף הזה מותאם לעומס (scaling) כדי שיהיה נוח יותר לצפות בו. אפשר ללחוץ על תמונה כדי להציג אותה בגודל מלא תמונה.
הטבלה מציינת גם את גודל התמונה שמתקבל בכל מצב.
PNG | ללא WebP | 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.1KB |
 גודל הקובץ WebP-lossy (עם אלפא): 57.3KB |
אלה הקישורים אל קובצי WebP (ניתן לצפייה ב-Chrome 22 ואילך):
| "ורוד צהוב": | קובץ WebP-lossless (80.1KB) | קובץ WebP-lossy (עם אלפא) (18.4KB) |
| "baby tux for my user page": | קובץ WebP-lossless (27.0KB) | קובץ WebP-lossy (עם אלפא) (14.1KB) |
| "הדגמת טרנספורמציה של PNG": | קובץ WebP-lossless (149.1KB) | קובץ WebP-lossy (עם אלפא) (52.6KB) |
| "189 שנה להולדת גרגור מנדל": | קובץ WebP-lossless (33.3KB) | קובץ WebP-lossy (עם אלפא) (19.0KB) |
| "כרטיס מצפן שקוף לשכבות-על": | קובץ WebP-lossless (97.1KB) | קובץ WebP-lossy (עם אלפא) (57.3KB) |
קרדיטים לתמונה
התמונות בדף הזה מגיעות מכמה מקורות שונים. זיכויים עבור התמונות שלמעלה מפורטות כאן לפי הסדר.
| 1 |
"תמונה ממאגר בחינם ברזולוציה גבוהה – ורוד צהוב 3 – פרחים" מחבר התמונה: ג'ון סאליבן הקובץ הזה הוא נחלת הכלל. מקור 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' אפשרות בכלי 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