גלריית WebP

מומלץ להציג את דף הגלריה הזה באמצעות דפדפן שתומך ב-WebP, כמו Google Chrome, Opera ואחרים.

אם אין לכם גישה ל-Google Chrome, אפשר להוריד את התמונות לאחסון המקומי ולהשתמש בהן במוצרים אחרים שתומכים ב-WebP.

קובצי תמונה לדוגמה בפורמט JPEG ו-WebP ובמקור PNG

בטבלה הבאה מוצגות תמונות JPEG מותאמות (בצד ימין) ותמונות WebP (בצד שמאל) זו לצד זו, לצורך השוואה. בגלל שקיימים דפדפנים שתומכים ב-WebP באופן מקורי, אנחנו כבר לא מוסיפים תמונות WebP למאגרי תגים מסוג PNG, כפי שעשינו בהשקה. הגודל של קובצי התמונה הוא מדויק. לחיצה על התמונות הממוזערות JPEG ו-WebP תפתח את התמונות הגדולות בכרטיסייה חדשה

גודל הקבצים שמתחת לתמונות הממוזערות תואם את גודל הקבצים של התמונות שהוצגו בלחיצה על התמונות הממוזערות. התמונות ב-WebP קטנות ביותר מ-30% מהתמונות בפורמט JPEG.

JPEG

WEBP

"Nærüyfjorden, נורווגיה – מ-Breiskrednosi. אתר מורשת עולמית של אונסק"ו 1

גודל קובץ JPEG: 43.84KB
תמונה של WebP
הגודל של קובץ WebP: 29.61KB
"Kayaker at Ekstremsportveko 2010, Voss". 2

גודל קובץ JPEG: 86.25KB
תמונה של WebP
הגודל של קובץ WebP: 59.18KB
מסגרת 10 ברצף של פארק 3

גודל קובץ JPEG: 297.05KB
תמונה של WebP
הגודל של קובץ WebP: 198.38KB
תמונה: "דובדבן בר (פרוזן אביום) בפרח" 4

גודל קובץ JPEG: 251.03KB
תמונה של WebP
הגודל של קובץ WebP: 172.82KB
תמונה: נשימת אש "רצועת כלי נשיפה בסגנון ג'ייפור מהרג'ה" צ'אספיר בלגיה 5

גודל קובץ JPEG: 120.78KB
תמונה של WebP
הגודל של קובץ WebP: 80.76KB

קרדיטים לתמונה

התמונות בדף הזה מגיעות מכמה מקורות שונים. בחרנו כמה תמונות מרהיבות ועשירות כדי להציג את האיכויות של WebP. לצערנו, תמונות קלאסיות מפורסמות כמו לנה, הבבון וכו', שמשמשות לעיתים קרובות לביצוע השוואות של דחיסת נתונים, אינן מוגנות בזכויות יוצרים.

הקרדיטים לתמונות שלמעלה מפורטים כאן לפי הסדר.

1 "Nærüyfjorden, נורווגיה – מ-Breiskrednosi. אתר מורשת עולמית של אונסק"ו"
מחבר התמונה: Kjetil Birkeland Moe
הועתק באישור המחבר.
מקור PNG
פוסט בבלוג מאת מחבר עם השוואה בין JPEG ו-WebP. העברת העכבר מפעילה דוגמאות.
2 "Kayaker at Ekstremsportveko 2010, Voss"
מחבר התמונה: Kjetil Birkeland Moe
הופק מחדש באישור המחבר.
מקור PNG
פוסט בבלוג מאת מחבר עם השוואה בין JPEG ו-WebP. העברת העכבר מפעילה דוגמאות.
3 מסגרת 10 ברצף של "Parkrun"
מפיק התמונה: לארס הגלונד, SVT Sveriges TV AB
הופק מחדש באישור המפיק
מקור PNG
4 תמונה: "Wild Cherry (Prunus avium) in flower"
מחבר התמונה: בנג'מין גימל
מקור PNG
התמונה ברישיון Creative Commons Attribution-Share Alike 3.0 Unported.
5 תמונה: נשימת אש "Jaipur Maharaja Brass Band" Chassepierre Blogger
מחבר: Luc Viatour
PNG source
תמונה ברישיון Creative Commons רישיון Attribution-Share Alike 3.0 Unported.
אתר המחבר בכתובת www.lucnix.be

שחזור התמונות

לצורך שחזור ולהדגים את השימוש בפרמטרים מסוימים לדחיסת WebP, אנחנו מתארים כאן את השלבים המדויקים שנדרשים במהלך יצירת התמונות בגלריה הזו.

כלים

כדי להמיר תמונות מקור ולשנות את הגודל שלהן, השתמשנו בגרסה עדכנית של הכלי ImageMagick בשם convert, שזמינה בכתובת https://www.imagemagick.org. בפרטי הגרסה כתוב:

Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org

עבור דחיסת JPEG, השתמשנו בגרסה 8b של מקודד העזר של IJG, הזמין בכתובת https://www.ijg.org/files/jpegsrc.v8b.tar.gz.

בפרטי הגרסה כתוב:

Independent JPEG Group's CJPEG, version 8b  16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding

יצירת תמונות המקור בפורמט PNG

ראשית, המקורות בפורמט JPEG עוברים המרה ללא אובדן לפורמט PNG באמצעות:

convert in.jpg out.png

לאחר מכן, הגודל של תמונות המקור הגדולות משתנה לרוחב קטן יותר של 1,024 פיקסלים, באמצעות הפקודה הבאה:

convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png

כדי להפיק את הקבוצה הסופית של תמונות ה-PNG של המקור.

דחיסה לפורמט JPEG

המקודד של JPEG (cjpeg) לוקח תמונות קלט בפורמט PPM. אנחנו משתמשים ב-convert כדי ליצור אותם. אז רצף ההמרות המלא:

convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm

פעולה שמפיקה קובצי JPEG שעברו אופטימיזציה עם גורם איכות של 80.

דחיסה לפורמט WebP

התמקדנו בהקטנה של 30% בגודל הקובץ בהשוואה לקובצי JPEG שעברו אופטימיזציה. לכן, הגדרנו במפורש את גדלי היעד של כל תמונה. בנוסף, הודות לאפשרות -f בכלי cwebp, אנחנו מגדירים ערכי אד-הוק לעוצמת הסינון של כל תמונה. בחלק מהתמונות הן מחזקות את המשרעת של עיצוב הרעש המרחבי באמצעות האפשרות -sns. שורות הפקודה המדויקות שבהן נעשה שימוש:

cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp

באופן כללי, קובצי ה-WebP שהתקבלו הובילו לחיסכון גלובלי של 32% בהשוואה לגודל הקבצים של JPEG.

שימו לב שגם התמונות הממוזערות של WebP בדף הזה קטנות ב-26% בהשוואה לתמונות המקבילות בפורמט JPEG.