תוכן הגלריה הזו
מומלץ לצפות בדף הגלריה הזה בדפדפן שתומך ב-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, להמרות - from Breiskrednosi. מורשת עולמית של אונסק"ו" 1 | |
 גודל הקובץ JPEG: 43.84KB |
 גודל קובץ ה-WebP: 29.61KB |
| "Kayaker at Ekstremsportveko 2010, Voss". 2 | |
 גודל הקובץ JPEG: 86.25KB |
 גודל קובץ ה-WebP: 59.18KB |
| מסגרת 10 של "Parkrun" רצף 3 | |
 גודל קובץ JPEG: 297.05KB |
 גודל קובץ ה-WebP: 198.38KB |
| תמונה: "A Wild Cherry (Prunus avium) in Flow" 4 | |
 גודל הקובץ JPEG: 251.03KB |
 גודל קובץ ה-WebP: 172.82KB |
| תמונה: Fireנשימות "Jaipur Maharaja Brass Band" Chassepierre בלגיה 5 | |
 גודל קובץ JPEG: 120.78KB |
 גודל קובץ WebP: 80.76KB |
קרדיטים לתמונה
התמונות בדף הזה מגיעות ממספר מקורות שונים. יש לנו בחרנו כמה תמונות מרהיבות ועשירות להצגת איכויות של WebP.
הקרדיטים לתמונות שלמעלה מפורטים כאן לפי הסדר.
| 1 |
"Nærøyfjorden, Norway - from Breiskrednosi. מורשת עולמית של אונסק"ו" מחבר התמונה: Kjetil Birkeland Moe משוכפל עם רשות מהמחבר. מקור PNG פוסט בבלוג מאת המחבר, עם השוואה בין JPEG ל-WebP. עכבר לחיצה על העכבר מפעילה את הדוגמאות. |
| 2 |
"Kayaker at Ekstremsportveko 2010, Voss" מחבר התמונה: Kjetil Birkeland Moe משוכפל עם רשות מהמחבר. מקור PNG פוסט בבלוג מאת המחבר, עם השוואה בין JPEG ל-WebP. מעבר בריחוף עם העכבר מפעיל את הדוגמאות. |
| 3 |
פריים 10 מהרצף 'Parkrun' מפיק התמונה: Lars Haglund, SVT Sveriges Television AB היצירה הזו נוצרה ברשות המפיק מקור ה-PNG |
| 4 |
תמונה: "A Wild Cherry (Prunus avium) in flower" מחבר התמונה: Benjamin Gimmel מקור ה-PNG התמונה ברישיון של Creative Commons Attribution-Share Alike 3.0 Unported. |
| 5 |
תמונה: Fire breathing "Jaipur Maharaja Brass Band" Chassepierre Belgium יוצר: Luc Viatour מקור PNG התמונה ברישיון של 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 שלהם.