השוואת פורמטי תמונות: JPEG, PNG, WebP ו-AVIF
ארבעה פורמטים מכסים יותר מ-99% מהתמונות ברשת המודרנית. הם נותנים איזונים שונים בין דחיסה, שקיפות, אנימציה ותמיכה בדפדפנים. הנה מדריך מעשי לבחירה.
השוואה מהירה
קודם סקירה קצרה, ואז פירוט לכל פורמט.
| מאפיין | JPEG ? | PNG ? | WebP ? | AVIF ? |
|---|---|---|---|---|
| דחיסה | עם אובדן | ללא אובדן | עם וללא אובדן | עם וללא אובדן |
| אלפא (שקיפות) | לא | כן (8 סיביות) | כן (8 סיביות) | כן (מלא) |
| אנימציה | לא | רק APNG | כן | כן |
| עומק סיביות מרבי | 8 סיביות | 16 סיביות | 8 סיביות | 10/12 סיביות |
| גודל אופייני מול JPEG (צילומים) | 100% | 300–1000% | 65–75% | 40–60% |
| תמיכת דפדפן | אוניברסלי | אוניברסלי | Chrome 32, Firefox 65, Safari 14 | Chrome 85, Firefox 93, Safari 16 |
| מהירות קידוד אופיינית | מהיר | מהיר | בינוני | איטי |
JPEG — בסיס אוניברסלי
איך זה עובד
JPEG (Joint Photographic Experts Group) הוסדר ב-1992 והוא הוותיק מבין הארבעה. הוא משתמש בטרנספורם קוסינוס בדיד על בלוקים 8×8, ואז כימות וקידוד אנטרופיה. האיכות נשלטת במספר בין 1 ל-100. מקודדים מודרניים כמו MozJPEG לוחצים עוד 10–20% בלי לשנות את פורמט הזרם — כל מפענח JPEG יכול לקרוא.
שימושים מומלצים
תוכן צילומי עם מעברי גוון חלקים והרבה פרט — פורטרט, נוף, צילום מוצר, תמונות גיבור.
יתרונות
- נתמך בכמעט כל מציג תמונות.
- פענוח מואץ בחומרה כמעט בכל מקום.
- אקוסיסטם בוגר של כלי אופטימיזציה (MozJPEG, jpegli).
חסרונות
- בלי אלפא — רקעים חייבים להישטח.
- ארטיפקטים של בלוקים בטקסט, קו וקצוות חדים.
- רק 8 סיביות לערוץ צבע.
PNG — ללא אובדן ושקוף
איך זה עובד
PNG (Portable Network Graphics) נוצר באמצע שנות ה-90 כתחליף חופשי ל-GIF. הוא ללא אובדן בצורה קשיחה: דחיסת DEFLATE מעל סינון פיקסלים לפי שורה. ממטבים כמו oxipng מנסים שילובי סינון/דחיסה למציאת הייצוג הקטן ביותר בלי לשנות פיקסל אחד.
שימושים מומלצים
גרפיקת ממשק, אייקונים, צילומי מסך, דיאגרמות, לוגואים עם צבעים שטוחים, וכל דבר שצריך אלפא אמיתי.
יתרונות
- ללא אובדן — הפיקסלים שורדים את המסע שלמים.
- אלפא 8 סיביות, עד 16 סיביות לערוץ.
- תמיכה אוניברסלית.
חסרונות
- גדול בצילומים — לעיתים פי כמה מ-JPEG/WebP/AVIF.
- אין אנימציה במפרט המקורי (APNG הוא הרחבה מאוחרת).
WebP — פורמט ממוקד רשת מ-Google
איך זה עובד
WebP יצא מ-Google ב-2010, מבוסס על VP8 ואז הורחב במצב נפרד ללא אובדן. הוא תומך בדחיסה עם וללא אובדן באותה מכל, עם אלפא ואנימציה אופציונליים. במצב עם אובדן הוא בדרך כלל מנצח את JPEG ב-25–35% לאותה איכות. במצב ללא אובדן הוא קטן מ-PNG בכ-20–30%.
שימושים מומלצים
משלוח כללי לרשת כש-AVIF עדיין לא בטוח לחלוטין — צילומים, נכסי UI עם שקיפות, תחליף ל-GIF מונפש, ושכבת גיבוי מתחת ל-AVIF.
יתרונות
- פורמט אחד לצילומים, גרפיקה, אלפא ואנימציה.
- קטן משמעותית מ-JPEG ומ-PNG לאיכות דומה.
- תמיכה רחבה בדפדפנים מעודכנים מאז 2020.
חסרונות
- 8 סיביות לערוץ — בלי HDR דרך הערוצים הרגילים.
- פענוח איטי יותר מ-JPEG בחלק מהמכשירים החלשים.
AVIF — מוביל בדחיסה כיום
איך זה עובד
AVIF (AV1 Image File Format) הוא פרופיל תמונה לקודק הווידאו AV1, שיצא ב-2019 על ידי Alliance for Open Media. הוא תומך בצבע עד 12 סיביות,
אלפא מלאה, HDR, גמוט רחב וסינתזת גרעין סרט. המקודד התיאורטי (aom-av1 דרך libavif) איטי אבל מוציא את הדחיסה הטובה ביותר לצילומים אמיתיים.
שימושים מומלצים
תמונות גיבור, גלריות וכל מקום שבו רוחב הפס חשוב יותר מזמן המעבד. עובד מצוין כשכבה עליונה בתוך אלמנט <picture>.
יתרונות
- דחיסה מובילה — לרוב 40–60% קטן מ-JPEG.
- תומך באלפא, אנימציה, HDR, גמוט רחב ועומק 10/12 סיביות.
- חופשי מרישיונות תשלום ופתוח.
חסרונות
- קידוד איטי — עדיף בזמן בנייה או אסינכרוני.
- Safari הוסיפה תמיכה בגרסה 16 (2022).
- פחות אלגנטי לגרפיקה סינתטית מאשר WebP ללא אובדן או PNG.
איזה פורמט לבחור?
- צילומים, תמונות גיבור רחבות: AVIF ראשון, WebP ו-JPEG כגיבוי דרך
<picture>. - גרפיקת UI עם שקיפות (אייקונים, לוגואים): PNG לתאימות ישנה, WebP ללא אובדן למשלוח קטן יותר.
- קו, צילומי מסך, דיאגרמות: PNG (או WebP ללא אובדן) — אובדן ב-JPEG/AVIF קשה על קצוות חדים.
- החלפת GIF מונפש: WebP או AVIF — קטנים בהרבה עם אלפא אמיתית.
- פורמט אחד לכל הדפדפנים היום: JPEG לצילומים ו-PNG לגרפיקה — לא הכי קטן, אבל בלי הפתעות תאימות.
בפועל לא חייבים לבחור אחד. הגישו AVIF ראשון, אחר כך WebP, ואז JPEG או PNG בתוך
<picture> — כל דפדפן מקבל את הגרסה הקטנה ביותר שהוא מפענח.
שאלות נפוצות
איך ממירים JPG ל-WebP?
פתחו PicBrewery וגררו JPG — נוצר WebP יחד עם שאר הפורמטים. בחרו את תא ה-WebP ולחצו הורדה. הכול בדפדפן בלי העלאה.
איך ממירים PNG ל-AVIF?
גררו PNG ל-PicBrewery. קידוד מחדש רץ ב-Web Workers. לחצו על עמודת AVIF או ייצאו ZIP עם הגרסה הקטנה ביותר לכל שורה.
האם AVIF עדיף על WebP?
לצילומים AVIF בדרך כלל קטן מ-WebP לאותה איכות בזכות AV1. WebP מהיר יותר בקידוד ונתמך רחב יותר במכשירים ישנים.
האם Safari תומך ב-WebP?
כן, מ-Safari 14 (2020) ומעלה ב-macOS וב-iOS. מפענח מצבים עם וללא אובדן.
האם PNG תמיד ללא אובדן?
כן. DEFLATE ללא אובדן. הקטנה מגיעה מסינון וכיוון DEFLATE, לא מהשלכת נתוני תמונה.
האם ל-JPEG יש שקיפות?
לא. לשקיפות השתמשו ב-PNG, WebP או AVIF.
בכמה AVIF קטן מ-JPEG?
לרוב 40–60% לצילומים עם מקודד מודרני. החיסכון קטן יותר לגרפיקה שטוחה פשוטה.
האם הדפדפן שלי מפענח AVIF?
Chrome 85+, Firefox 93+, Edge 121+ ו-Safari 16+. לדפדפנים ישנים השתמשו ב-picture עם WebP או JPEG.
האם PicBrewery רץ במכשיר?
כן — WebAssembly ב-Web Workers. נתוני תמונה לא עוברים ברשת.
המרה בין פורמטים
מחפשים המרה ספציפית? בחרו קישור — בכל עמוד שלבים, ציפיית חיסכון בגודל ושאלות נפוצות.