פורמטים של תמונות: השוואה בין WebP, PNG, JPG ו-SVG
בחירת פורמט תמונה שגוי עלולה לנפח את זמני טעינת העמוד או לטשטש את הגרפיקה שלך. כך משתווים פורמטי האינטרנט המודרניים מבחינת דחיסה, שקיפות וחדות.
הקבצים שלך מעובדים במלואם בדפדפן האינטרנט שלך באמצעות HTML5 Canvas ו-WebAssembly. שום נתון אינו עוזב את המכשיר שלך.
דלג על תורים של העלאה והורדה. ההמרות מתבצעות מקומית במהירות החומרה המלאה של המחשב ללא מגבלות שרת.
תואם למפרטים הרשמיים של ISO, W3C ו-IETF כדי להבטיח תאימות פלט בכל מערכות ההפעלה המודרניות.
השוואת פורמטים ומפרטים טכניים
| פורמט פלט | סוג MIME | מפרט | סוג |
|---|---|---|---|
| PNG תמונת | image/png | W3C-PNG | גרפיקת רשת ניידת |
| JPG תמונת JPEG | image/jpeg | ITU-T-T81-JPEG | פורמט תמונה של Joint Photographic Experts Group |
| WebP תמונת | image/webp | RFC-6386-VP8 | פורמט תמונה מתקדם של Google WebP |
| SVG וקטור | image/svg+xml | W3C-SVG | גרפיקה וקטורית מתוחה |
| HEIC תמונת | image/heic | ISO-IEC-23008-12-HEIF | מכל תמונות ביעילות גבוהה |
| AVIF תמונת | image/avif | AOMEDIA-AV1-AVIF | פורמט קובץ תמונה AV1 |
| PSD מסמך פוטושופ | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | מסמך אדובי פוטושופ |
| PSB מסמך פוטושופ גדול | image/vnd.adobe.photoshop | ADOBE-PSD-SPEC | מסמך אדובי פוטושופ בפורמט גדול |
| WMF מטא-קובץ של Windows | image/x-wmf | MS-WMF-SPEC | פורמט וקטורי של מטא-קובץ Windows |
| EMF מטא-קובץ משופר | image/x-emf | MS-EMF-SPEC | פורמט וקטורי משופר של מטא-קובץ |
| JFIF תמונת | image/jpeg | ITU-T-T81-JPEG | פורמט החלפת קובצי JPEG |
| TGA תמונת | image/x-tga | TGA-SPEC | פורמט רסטר מתקדם של Truevision |
| PCX ZSoft | image/x-pcx | PCX-SPEC | מפת סיביות של ZSoft Paintbrush PCX |
מפרטים טכניים ופירוט מקודדים
כלל ההחלטה המהירה לפורמטים
השתמש ב-WebP או AVIF לאתרים מודרניים (קטנים ב-30% מ-JPEG עם תמיכה בשקיפות). הששתמש ב-JPG עבור תצלומים שבהם ארטיפקטים קטנים ובלתי מורגשים של דחיסה אינם משנים דבר. השתמש ב-PNG עבור צילומי מסך, גרפיקת ממשק משתמש ואיורים הדורשים טקסט חם-פיקסל חד. השתמש ב-SVG עבור לוגואים וסמלים הדורשים קנה מידה אינסופי.
רסטר מול וקטור: מדוע קבצי SVG לעולם אינם מטשטשים
תמונות רסטר (JPG, PNG, WebP) הן רשתות של פיקסלי צבע קבועים - התקרב יותר מדי והן הופכות מטושטשות או מפוקסלות. SVG הוא מתמטיקה טהורה: הוא שומר קווים מתמטיקיים, עקומות וצבעים, ומאפשר לסמלים ולאיורים להיראות חדים כברק על כל דבר, החל במסכי נייד ועד לצגי 8K עם גדלי קבצים זעירים.
מיתוס: 'DPI גבוה יותר פירושו איכות תמונה טובה יותר באינטרנט'
DPI (נקודות לאינץ') הוא אך ורק הוראת הדפסה פיזית והוא מתעלם לחלוטין על ידי דפדפני אינטרנט. בטלפונים ובצגי מחשב, חדות התמונה נקבעה לחלוטין על ידי ממדי פיקסלים (למשל, 1920x1080) וצפיפות הצג, ולא על ידי מטא-נתונים מוטבעים של DPI.
שקיפות אלפא: PNG מול WebP
ל-JPG המסורתי אין כלל תמיכה בשקיפות - רקעים שקופים הופכים ללבנים או שחורים אטומים. PNG הייתה חלוצה בשקיפות אלפא נקייה של 8-bit, אך WebP מספקת כעת איכות שקיפות זהה בגדלי קבצים קטנים עד 40%.
0 בייט הועלו לשרתים חיצוניים. כל העיבוד מתבצע באופן מקומי בארגז החול של הדפדפן שלך.