אתה לוחץ לחיצה ימנית על תמונת מוצר, בוחר שמור תמונה בשם, והקובץ נוחת בתיקיית ההורדות שלך בשם photo.webp. הדף הראה תמונה רגילה. ייתכן שכתובת האתר אפילו הסתיימה ב .jpg. לאחר מכן אתה מנסה להפיל אותו לתוך סיפון שקופיות, לחבר אותו לטופס, או לפתוח אותו במציג תמונות ישן יותר, והוא נדחה.
שום דבר לא השתבש בהורדה האתר שלח לך WebP, כי WebP קטן יותר מה-JPG או PNG שהוא החליף וכל דפדפן נוכחי מציג אותו החיכוך מופיע רק כשהקובץ יוצא מהדפדפן מדריך זה מסביר מה זה WebP, מדוע כל כך הרבה תמונות שמורות מגיעות בפורמט הזה, שבו הוא עדיין נכשל, וכיצד להמיר אותו למשהו שהתוכנית הבאה מקבלת, או להמיר לתוכו תמונות משלך.
TL;DR: WebP הוא פורמט תמונה מ - Google, שצוין ב - RFC 9649, התומך בדחיסה, שקיפות ואנימציה מאבדת וללא אובדן בסוג קובץ אחד אתרי אינטרנט משרתים אותו מכיוון שהוא קטן יותר מ - JPG ו - PNG, לכן שמור תמונה כמו לעתים קרובות נותן לך.webp גם כאשר כתובת האתר של הדף אומרת.jpg.כל דפדפן נוכחי מציג WebP, אך חלק מהאפליקציות לשולחן העבודה, לקוחות דואל וטפסי העלאה עדיין דוחים אותו WebP ל-PNG כדי לשמור על שקיפות, WebP ל-JPG לתמיכה הרחבה ביותר, WebP ל-GIF לאנימציה, או WebP ל-PDF למסמכים. כולם פועלים בצד הלקוח, שום דבר לא הועלה, בחינם, ללא הרשמה.
מהו WebP?
WebP הוא פורמט תמונת רסטר שגוגל הוציאה בשנת 2010 כדי להקטין תמונות בדפי אינטרנט. זה מתועד כעת על ידי IETF כ RFC 9649, פורמט תמונה של WebP, שפורסם בשנת 2024. ה-RFC מתאר מיכל אחד עם שתי שיטות דחיסה, בתוספת שקיפות והנפשה אופציונלית, כך שפורמט בודד מכסה את העבודות ש-JPEG, PNG ו-GIF מחלקים ביניהם.
הקובץ הוא מיכל RIFF, אותו מבנה מנותק המשמש את WAV audio. שנים עשר הבתים הראשונים שלו אומרים זאת:
$ xxd -l 12 photo.webp
00000000: 5249 4646 3a1f 0100 5745 4250 RIFF:...WEBP
RIFF, ארבעה בתים של אורך, אז WEBP. בפנים יש נתחים: VP8 לנתוני תמונה אובדניים, VP8L ללא הפסדים, ALPH לערוץ שקיפות, ו ANIM ו ANMF לאנימציה כלים המזהים קבצים לפי הבתים שלהם, כולל ממירי Toolz, מחפשים בדיוק את החתימה הזו, וזו הסיבה ש-WebP נשמר עם א .jpg השם עדיין מוכר כ-WebP.
כיצד WebP דוחס תמונות?
ל-WebP יש שתי שיטות דחיסה נפרדות, ואיזו מהן משתמש קובץ משנה למה הוא טוב.
Webp אובדני מבוסס על קידוד keyframe של ה-codec וידאו VP8 המקודד מפצל את התמונה לבלוקים, חוזה כל בלוק מפיקסלים שהוא כבר קידד, ומאחסן את ההבדל עם עיגול גס או עדין יותר בהתאם להגדרת האיכות הוא גם מאחסן צבע בחצי מהרוחב וחצי מגובה הבהירות, טכניקה שנקראת chroma subsampling העיניים פחות רגישות לפרטי צבע מאשר לאור וכהה, כך שתצלומים מסתירים זאת היטב קווים צבעוניים דקים וטקסט אדום קטן על רקע שטוח לא, ויכולים לקלוט שוליים רכים.
WebP ללא הפסדים הוא אלגוריתם שונה לחלוטין. הוא משחזר כל פיקסל בדיוק, תוך שימוש בטרנספורמציות חזויות, מטמון צבע והפניות אחוריות בסגנון LZ77, והוא מתחרה ב-PNG ולא ב-JPEG.
כל אחד מהסוגים יכול לשאת ערוץ אלפא לשקיפות. WebP Lossy עם אלפא הוא השילוב ש-PNG לא יכול להציע: גזרת צילום עם קצה שקוף רך בקובץ קטן.
Google's פרסמו נתונים, על זה דף סקירה של WebP, שים את WebP ללא הפסדים ב-26% קטן מ-PNG ואת WebP ללא הפסדים ב-25 עד 34% קטן מ-JPEG דומה באיכות SSIM שווה ערך. אלו הם ממוצעים על פני ערכות בדיקה. תמונה נתונה יכולה לחסוך פחות או יותר, ו-JPEG שכבר היה דחוס בכבדות חוסך לעתים קרובות מעט.
מדוע תמונות שמורות יוצאות כ.webp?
תמונות שמורות יוצאות כ.webp מכיוון שהשרת בחר לשלוח WebP לדפדפן שלך, ו-Save Image As שומר כל בתים שנמסרו. ישנן שלוש דרכים נפוצות שקורה.
משא ומתן תוכן. כל בקשת תמונה שהדפדפן שלך מבצע נושאת א Accept כותרת המפרטת את הפורמטים שהיא יכולה להציג. משא ומתן על תוכן HTTP, מוגדר ב RFC 9110, מאפשר לשרת לבחור ייצוג על סמך אותה כותרת. CDN של תמונות ופלטפורמות אירוח רבות קוראים אותו ומחזירים את WebP או AVIF לדפדפנים שמקבלים אותם, בעוד שלקוחות מבוגרים מקבלים JPEG מאותה כתובת URL:
GET /images/product-42.jpg HTTP/1.1
Accept: image/avif,image/webp,image/apng,image/*,*/*;q=0.8
HTTP/1.1 200 OK
Content-Type: image/webp
כתובת האתר מסתיימת ב .jpg. התגובה היא WebP. כאשר אתה שומר אותו, הדפדפן שם את הקובץ מסוג התוכן, כך שאתה מקבל .webp.
ה <picture> אלמנט. אתרים שאינם מנהלים משא ומתן בשרת יכולים להציע מספר פורמטים בסימון, והדפדפן בוחר את הראשון שהוא תומך בו, בעקבות WHATWG HTML picture אלמנט כללים:
<picture>
<source srcset="hero.avif" type="image/avif">
<source srcset="hero.webp" type="image/webp">
<img src="hero.jpg" alt="Product on a white background">
</picture>
לבנות צינורות. בוני אתרים, תוספים לאופטימיזציה של וורדפרס ומסגרות עם רכיבי תמונה ממירים העלאות ל-WebP באופן אוטומטי בעל האתר העלה JPG ולעולם לא רואה את ה-WebP שהמבקר מקבל.
בכל שלושת המקרים האתר עושה מה שממליצות ביקורת ביצועים ה-WebP הוא הקובץ הקטן והנכון יותר לתצוגה הוא פשוט הקובץ הלא נכון לתוכנית שמעולם לא לימדו לקרוא אותה.
אילו דפדפנים ואפליקציות תומכים ב-WebP?
כל דפדפן נוכחי מציג WebP. Chrome ו - Edge תמכו בו במשך שנים, פיירפוקס הוסיף אותו בגרסה 65, וספארי הוסיף אותו בגרסה 14, שהביאה אייפונים ואייפדים יחד ברשת, תאימות כבר לא סיבה להימנע מכך.
מחוץ לדפדפן, התמיכה אינה אחידה. חלק מצופי תמונות מבוגרים, חבילות משרדיות ישנות יותר, לקוחות דואל, שירותי הדפסה וטפסי העלאה אינם פותחים את .webp או מסרבים לכך בבדיקת ההרחבה. אפליקציות צילום של מערכת ההפעלה הדביקו את הפער בעיקר, אבל ייתכן שמחשב עבודה משותף או תוכנה קו-עסקית לא.
שמירת WebP היא פחות אוניברסלית מהצגתו ממירי Toolz שכותבים WebP משתמשים בדפדפן' מקודד משלו דרך קנבס. Current Chrome, Edge ו-Firefox יכולים לכתוב WebP כך. Safari כבר מזמן הצליח להציג WebP אך לא תמיד לשמור אותו, וכאשר דפדפן אינו יכול לקודד WebP, הממיר מראה שגיאה האומרת זאת במקום להחזיר PNG עם א .webp שם.
מדוע 't משנה את שם העבודה של .webp ל-.jpg?
שינוי שם קובץ משנה את התווית שלו, לא את התוכן שלו. שם WebP שונה ל holiday.jpg עדיין מתחיל ב RIFF ו WEBP, ועדיין מחזיק VP8 או VP8L נתונים תוכניות מסוימות להסתכל רק על הסיומת, לנסות לקרוא את הקובץ כמו JPEG, למצוא לא FF D8 FF סמן בהתחלה, ודווח על הקובץ כפגום. אחרים מרחרחים את הבתים, שמים לב שזה WebP, או פותחים אותו בכל מקרה או מסרבים לו עם הודעה ברורה יותר.
טפסי העלאה הם המקרה הגרוע ביותר טופס שבודק רק את הסיומת מקבל את הקובץ ששמו שונה, ולאחר מכן השרת ' ספריית התמונות נחנקת ממנו, או שהתמונה נראית שבורה בדף הרישום או הפרופיל המוגמר טופס שבודק את הבתים דוחה אותה על הסף אף אחת מהתוצאות אינה מה שרצית, ושניהם קשים יותר לאבחון מהסירוב המקורי.
המרה אמיתית היא התיקון האמין היחיד, מכיוון שהיא מפענחת את ה-WebP לפיקסלים וכותבת קובץ חדש שהבתים שלו תואמים לסיומת שלו. זה לוקח שניות ונמנע מכרטיס תמיכה מאוחר יותר.
איך אפשר לפתוח WebP בלי להמיר אותו?
גרור אותו לחלון דפדפן כל דפדפן נוכחי מציג קובץ מקומי.webp ישירות, שזו הדרך המהירה ביותר להסתכל על אחד במחשב שמציג התמונות שלו מסרב לו. משם תוכל לצפות, להגדיל ולהדפיס אותו.
רוב אפליקציות הצילום הנוכחיות של מערכת ההפעלה פותחות גם את WebP, כך שלחיצה כפולה עשויה לעבוד על מחשב עדכני גם כאשר עורך או תוכנית משרד ספציפית באותו מחשב לא עובד. כאשר תוכנית שאתה תלוי בה אינה יכולה לקרוא WebP, בדוק תחילה אם יש עדכון או תוסף פורמט; אם אף אחד מהם אינו קיים, המר עותק ושמור את המקור.
פתיחה אינה זהה לשימוש, אם כי. אם התמונה צריכה להיכנס למסמך, טופס או אימייל, הנמען ' התוכנה חשובה כמו שלך, ו-JPG או PNG מסירים את אי הוודאות הזו.
WebP לעומת JPG לעומת PNG לעומת GIF: איך הם משווים?
WebP חופף לכל שלושת הפורמטים הישנים יותר, וזו גם המשיכה שלו וגם הסיבה שהמרה הרחק ממנו זקוקה לבחירת יעד.
| תכונה | WebP | JPG | PNG | GIF |
|---|---|---|---|---|
| מפרט Specification | RFC 9649 | ITU-T T.81 | W3C PNG | GIF89a |
| דחיסה | מפסידים או חסרי הפסדים | לוסי | ללא הפסד | ללא הפסדים, 256 צבעים |
| שקיפות Transparency | אלפא מלא | אף אחד | אלפא מלא | הפעלה או כיבוי לפיקסל |
| אנימציה | כן | לא | לא (APNG בצד) | כן |
| גודל קובץ תמונה | קטן | בינוני | גדול | התאמה גרועה |
| תצוגת דפדפן | כל הדפדפנים הנוכחיים | יוניברסל | יוניברסל | יוניברסל |
| אפליקציות וטפסים לשולחן העבודה | טלאי | יוניברסל | ליד universal | יוניברסל |
| שימוש הטוב ביותר | הגשת תמונות באתרי אינטרנט | שיתוף תמונות בכל מקום | צילומי מסך, גרפיקה, עריכה | אנימציות פשוטות בכל מקום |
מפרט JPEG הוא ITU-T T.81 ו-PNG מוגדר על ידי מפרט W3C PNG. הקריאה המעשית של הטבלה: שמור את WebP באינטרנט, והמר כאשר הקובץ צריך ללכת למקום כלשהו שהעמודות הימניות מתארות.
לאיזה פורמט כדאי להמיר WebP?
בחר את היעד לפי מה ה-WebP מכיל ולאן הוא הולך. שקיפות, אנימציה ויעד מחליטים על כך.
| WebP שלך הוא | הולך ל | המר ל | כלי |
|---|---|---|---|
| לוגו, אייקון או גזרה עם רקע שקוף | בכל מקום | PNG | WebP ל-PNG |
| צילום | דואר אלקטרוני, טפסים, הדפסה, תוכנות ישנות יותר | JPG | WebP ל-JPG |
| אנימציה | פורומים, צ'אט, חתימות דואל, ויקי | GIF | WebP ל-GIF |
| תמונה אחת או יותר | מסמך שמישהו ידפיס או יגיש | WebP ל-PDF | |
| שילוב של פורמטים, או יעד לא רשום | שונים | כל | ממיר תמונה |
לתמונות שקופות, בחר PNG. ה ממיר WebP ל-PNG שומר על ערוץ אלפא, כך לוגו על רקע שקוף נשאר שקוף. PNG הוא lossless, כך הפלט מחזיק את הפיקסלים מפוענחים בדיוק.It הוא בדרך כלל גדול יותר מאשר WebP, כי אחסון ללא אובדן עלויות בתים.
לתמונות שצריכות להיפתח בכל מקום, בחרו ב-JPG. כאשר אתה הפוך WebP ל-JPG, אתה מקבל את הפורמט שכל טופס העלאה מקבל. ל-JPG אין שקיפות, כך שכל אזור שקוף מלא בלבן ופתק מתחת לתוצאה אומר שזה קרה. המחוון Quality פועל בין 10 ל-100 ומתחיל ב-90.
עבור אנימציות, בחר GIF. WebP מונפש שנשמר מקליפ תגובה לא יתנגן בעורכי פורומים רבים או חתימות דואל. ה ממיר WebP ל-GIF כותב כל מסגרת עם ההשהיה המקורית שלה וספירת לולאות קריאת המסגרות משתמשת בדפדפן & #39;s ImageDecoder API מה מפרט W3C WebCodecs, אשר Chrome ו Edge תמיכה היום.ב פיירפוקס וספארי רק את המסגרת הראשונה ניתן לקרוא, כך GIF הוא עדיין, ואת ההערה מתחת לשורה אומר כך. GIF יש 256 צבעים לכל מסגרת, כך gradients עשוי פס, וקצוות שקופים רכים הופכים קשים מסגרת עם השהיה מתחת 20 ms נכתב ב 100 ms, אשר תואם איך דפדפנים לשחק עיכובים כל כך קצר.
למסמכים, בחר PDF. א המרת WebP ל-PDF שם תמונה אחת בכל עמוד, בסדר המוצג, בקובץ בודד מאחר ו-WebP הוא מקור אובדן, תמונות מוטמעות כ-JPEG באיכות של 92% כדי לשמור על ה-PDF קטן, או כ-PNG כאשר לתמונה יש שקיפות דפים יכולים להתאים לתמונה או להשתמש ב-A4 או US Letter.
לכל השאר, השתמש ב ממיר תמונה. הוא קורא WebP יחד עם JPG, JFIF, PNG, AVIF, GIF, BMP, ICO, HEIC, TIFF, PSD, SVG, CR2, DNG ו-PDF, וכותב JPG, PNG, WebP, GIF, ICO, PDF או SVG, כך WebP יכול להפוך ל-favicon או ל-SVG עוקב מאותו עמוד.
האם להמיר תמונות משלך ל-WebP?
כן, לתמונות שאתה מפרסם באתר תמונות הן בדרך כלל החלק הכבד ביותר של דף, וחיסכון של 25 עד 34% בתרכובות תמונות על פני דף קטלוג עם עשרות מהן לתמונות שאתה שולח בדואל, מדפיס או ארכיון, לא: שמור את הפורמט המקורי.
שני ממירים מטפלים במקורות המשותפים. ל המרת תמונות JPG ל - WebP, התחל מהמקור הגדול ביותר, הכי פחות דחוס שיש לך.JPG כבר אובדן, אז קידוד זה כ-WebP הוא מעבר שני, והאיכות שממנה אתה מתחיל היא התקרה. הגדרה של 80 עד 85 היא המקום שבו רוב התמונות מפסיקות להראות הבדל גלוי על המסך.
לגרפיקה, צילומי מסך וכל דבר שקוף, PNG ל-WebP שומר על ערוץ אלפא ובדרך כלל חותך את גודל הקובץ בחדות צילומי מסך עם טקסט צבעוני קטן צריך הגדרה באיכות גבוהה יותר מאשר תמונות, בגלל תת דגימת chroma שתואר לעיל.
מגבלות גודל ב - WebP עצמו לעיתים רחוקות משנה בפועל.RFC 9649 מכסה WebP ללא אובדן ב - 16384x16384 פיקסלים, ו - WebP אובדן מוגבל לגודל דומה על ידי VP8, וזה הרבה מעבר לכל תמונה שדף אינטרנט צריך פנורמות גדולות מאוד או סריקות ברזולוציה הדפסה הם הקבצים היחידים שעונים עליו, ואלה שייכים בפורמט מאסטר ללא אובדן בכל מקרה.
שמור את המקורות כך או כך. ה-JPG או ה-PNG הם עותק המאסטר שלך, וכל יבול עתידי, שינוי גודל או ייצוא מחדש צריכים להתחיל ממנו ולא מה-WebP.
כיצד פועלת המרת WebP בצד הלקוח?
המרה בצד הלקוח פירושה שהתמונה מפוענחת ומקודדת בתוך לשונית הדפדפן, והקובץ לעולם לא מועלה. WebP לא צריך הורדה נוספת בשביל זה, מכיוון שכל דפדפן נוכחי כבר מכיל מפענח WebP.
- הדף קורא את הבתים הראשונים של כל קובץ ובודק את
RIFF....WEBPחתימה. כל דף זוג מקבל רק פורמט מקור משלו, כך ש-PNG שנפל בדף WebP ל-PNG מופנה למקום אחר. - הדפדפן מפענח את ה-WebP לפיקסלים.
- הפיקסלים נמשכים לקנבס ומקודדים כמטרה: PNG, JPG או WebP על ידי הדפדפן, GIF על ידי מקודד צרור, או מוטמעים ב-PDF.
- אתה מוריד כל קובץ, או את האצווה כ-ZIP.
לציור דרך קנבס יש תופעת לוואי שכדאי לדעת: מטא נתונים של EXIF, קואורדינטות GPS ופרופילי צבע אינם נישאים לתוך הפלט. לתמונה שעומדת להתפרסם בפומבי, זהו רווח פרטיות.
מהם הגבולות והשגיאות הנפוצות?
כל מגבלה מייצרת הודעה ספציפית בקובץ ' שורה במקום כרטיסייה קפואה.
תמונות מעל 100 מגה פיקסל מסורבות, מכיוון שפענוח שלהן עלול למצות את זיכרון ה-tab's. אין מכסה נפרד בגודל בתים עבור WebP, מכיוון שהדפדפן ' המפענח שלו מטפל בו. קבצים ריקים מסורבים.
" דפדפן זה לא הצליח לפתוח את הקובץ" בדרך כלל פירושו שהקובץ פגום או קטוע, או שאינו WebP כלל למרות שמו. " דפדפן זה אינו יכול לשמור קבצי WebP" מופיע רק בעת המרה ל-WebP בדפדפן ללא מקודד WebP; עבור ל-Chrome, Edge או Firefox הנוכחיים.
כאשר WebP מונפש עובר ל-PNG, JPG או PDF, רק המסגרת הראשונה נשמרת, מכיוון שהפורמטים הללו מכילים תמונה בודדת. ממירי ה-WebP כותבים גם קבצי WebP דוממים בלבד, כך שהאנימציה המומרת ל-WebP שומרת על המסגרת הראשונה שלה. השתמש ב-GIF כדי לשמור על התנועה.
מגבלת המרה יומית חלה לכל כלי הכלים הם בחינם, ללא הרשמה, ללא סימן מים.
WebP והפורמטים החדשים יותר
WebP היא כבר לא האפשרות החדשה ביותר.AVIF, המבוסס על ה-Codec הווידאו AV1, מייצר לעתים קרובות שוב קבצים קטנים יותר ותומך בעומקי סיביות גבוהים יותר וב-HDR, וגם הדפדפנים הנוכחיים מציגים אותו אתרים המשתמשים ב <picture> דוגמה למעלה שרת תחילה את AVIF ואת WebP כ-fallback. ההשוואה של AVIF, WebP ו-JPG מכסה כאשר כל אחד שווה את זה.
אם הבעיה שלך היא תמונות iPhone ולא הורדות אינטרנט, הפורמט הוא HEIC, ואת המדריך על HEIC נגד JPG מסביר מדוע הקבצים האלה לא נפתחים. כל ממיר עבור שני הפורמטים מופיע ב- רכזת כלי תמונה.
