גלריית WebP

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

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

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

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

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

JPEG

WEBP

"Nærøyfjorden, November - from Breiskrednosi. עולם אונסק"ו מורשת" 1

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

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

גודל הקובץ JPEG: 297.05KB
תמונת WebP
גודל קובץ ה-WebP: 198.38KB
תמונה: "A Wild Cherry (Prunus avium) בפרח" 4

גודל הקובץ JPEG: 251.03KB
תמונת WebP
גודל קובץ ה-WebP: 172.82KB
תמונה: Fireנשימות "Jaipur Maharaja Brass Band" Chassepierre בלגיה 5

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

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

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

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

1 "Nærøyfjorden, November - from Breiskrednosi. מורשת עולמית של אונסק"ו"
מחבר התמונה: Kjetil Birkeland Moe
משוכפל עם רשות מהמחבר.
מקור PNG
פוסט בבלוג מאת המחבר, עם השוואה בין JPEG ל-WebP. עכבר לחיצה על העכבר מפעילה את הדוגמאות.
2 "Kayaker at Ekstremsportveko 2010, Voss"
מחבר התמונה: Kjetil Birkeland Moe
משוכפל עם רשות מהמחבר.
מקור PNG
פוסט בבלוג מאת המחבר, עם השוואה בין JPEG ל-WebP. עכבר לחיצה על העכבר מפעילה את הדוגמאות.
3 מסגרת 10 של "Parkrun" רצף
מפיק התמונה: לארס הגלונד, SVT Sveriges Television AB
השחזור בוצע באישור המפיק
מקור PNG
4 תמונה: "A Wild Cherry (Prunus avium) in Flow"
מחבר התמונה: בנג'מין גימל
מקור PNG
התמונה ברישיון במסגרת שימוש ברישיונות Creative Commons רישיון Attribution-Share Alike 3.0 Unported
5 תמונה: Fireנשימות "Jaipur Maharaja Brass Band" Chassepierre בלגיה
מחבר: 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 שלהם.