מדריך פורמט

PNG מול WebP: במה כדאי לבחור

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

ההפרש הנמדד

Google, שפיתחה את הפורמט, מפרסמת את המספרים: תמונות WebP ללא אובדן קטנות ב-26% מ-PNG, ותמונות WebP עם אובדן קטנות ב-25 עד 34% מקובצי JPEG מקבילים באיכות שוות ערך. אלה ממוצעים על פני מערך בדיקה, לא הבטחה לגבי הקובץ הספציפי שלכם, אבל הם מכוונים את הציפייה נכון.

זה לצד זה

השוואה בין PNG ל-WebP
מאפיין PNG WebP
מצבי דחיסה ללא אובדן בלבד ללא אובדן ועם אובדן
גודל טיפוסי ללא אובדן קו הבסיס קטן בכ-26%
שקיפות כן כן, בשני המצבים
עלות השקיפות כלול כ-22% בתים נוספים במצב ללא אובדן
הנפשה APNG, תמיכה חלקית כן, נתמכת באופן נרחב
נפתח בדפדפנים עדכניים בכל מקום בכל מקום
נפתח בתוכנה ישנה בכל מקום לפעמים לא

נתוני הגודל והשקיפות מגיעים מהתיעוד של Google ל-WebP, שגם קובע ש-WebP עם אובדן עם שקיפות קטן בדרך כלל פי שלושה מ-PNG המקביל.

איפה WebP מנצח

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

איפה PNG עדיין נכון

שמרו על ה-PNG כעותק המאסטר. המירו עותק למסירה. הכלל היחיד הזה מכסה את רוב המקרים שלהלן.

  1. קבצים שתערכו שוב המרות חוזרות לפורמט עם אובדן פוגעות בתמונה מעט בכל פעם. מאסטר ללא אובדן מייתר את השאלה לגמרי.
  2. תהליכי עבודה של דפוס ועיצוב לא מעט תוכנות עימוד והכנה לדפוס עדיין מצפות ל-PNG או ל-TIFF. מסירת WebP לבית דפוס מזמינה מייל שאתם לא רוצים.
  3. כל דבר שמערכת ישנה פותחת כלים פנימיים מדור קודם, מציגי מסמכים ישנים וחלק מטופסי ההעלאה דוחים WebP על הסף.
  4. קבצים שאתם שולחים לאנשים אחרים עמית עם מחשב ישן יותר עלול לא להצליח ללחוץ עליו לחיצה כפולה. זו כל הסיבה שבגללה משתמשים בממיר WebP ל-PNG.

WebP ללא אובדן או עם אובדן

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

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

הממיר של Vaultaire מציע את שניהם. במצב ללא אובדן הוא קורא את הקובץ החדש בחזרה וחוסם את ההורדה אלא אם הפלט הוא באמת תמונת VP8L ללא אובדן שהפיקסלים שלה תואמים. ערכי האלפא חייבים להתאים במדויק, עם סטייה מותרת של עד 2 לכל ערוץ 8-סיביות מוכפל מראש בצבע שקוף חלקית, כי מקודדים מובנים בדפדפן מעגלים את הערכים האלה.

מה ההמרה עושה למטא-נתונים

המרה היא גם דרך להשמיט את מה שמצורף לקובץ. הממיר אינו מעתיק רשומות EXIF, ICC, טקסט, זמן או C2PA של המקור אל ה-WebP החדש, ואז סורק את הקובץ המוגמר במנתח עצמאי ומשאיר את ההורדה נעולה אם רשומה כלשהי מופיעה.

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

מגבלות מעשיות על הממיר: PNG סטטי אחד, עד 20 MB, 4,096 פיקסלים בכל צד, ו-16,000,000 פיקסלים בסך הכול. PNG מונפש נדחה לפני הפענוח במקום להיות מיוצא בשקט כפריים הראשון שלו.

שאלות נפוצות על PNG ו-WebP

האם WebP טוב יותר מ-PNG?

לתמונות שמוצגות באינטרנט, בדרך כלל כן. Google מודדת WebP ללא אובדן כקטן ב-26% מ-PNG. PNG עדיין טוב יותר כשכלי, בית דפוס או עמית צריכים את הפורמט שהכול תמך בו במשך עשרות שנים.

האם WebP תומך בשקיפות?

כן, בשני המצבים. Google מעריכה את האלפא ב-WebP ללא אובדן בכ-22% בתים נוספים, ואומרת ש-WebP עם אובדן עם שקיפות קטן בדרך כלל פי שלושה מ-PNG המקביל.

האם ההמרה מ-PNG ל-WebP פוגעת באיכות?

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

מתי כדאי להישאר עם PNG?

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

האם WebP רע ל-SEO?

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

אפשר להמיר בחזרה ל-PNG מאוחר יותר?

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