פורמטים של תמונות: השוואה בין WebP, PNG, JPG ו-SVG
בחירת פורמט תמונה שגוי עלולה לנפח את זמני טעינת העמוד או לטשטש את הגרפיקה שלך. כך משתווים פורמטי האינטרנט המודרניים מבחינת דחיסה, שקיפות וחדות.
הקבצים מעובדים מקומית בדפדפן באמצעות WebAssembly וממשקי HTML5. הם לעולם אינם עוזבים את המכשיר שלך, כך שאין העלאות לשרת או אחסון קבצים אצל צד שלישי.
התחל להמיר מיד במכשיר שלך - ללא המתנה להעלאה, ללא תור הורדה וללא הגבלת מהירות מצד שרת מרוחק.
השתמש בכלי זמין ללא צורך ביצירת חשבון, תשלום עבור תוכנית או הגעה למגבלת גודל קובץ מלאכותית. המר כמה שתרצה, כל עוד הדפדפן והמכשיר שלך מסוגלים לכך.
השוואת פורמטים ומפרטים טכניים
| פורמט פלט | סוג 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 |
| PDF מסמך | application/pdf | ISO-32000-2 | פורמט מסמכים נייד |
מפרטים טכניים וסקירת מקודדים
כלל ההחלטה המהירה לפורמטים
WebP ו-AVIF יכולים להקטין את גודל הקובץ של תמונות אינטרנט רבות, ושניהם תומכים בשקיפות; התוצאה תלויה בתמונה ובהגדרות הקידוד. השתמש ב-JPG לתמונות שבהן אפשר לקבל ארטיפקטים קטנים של דחיסה, ב-PNG לצילומי מסך עם טקסט חד ברמת הפיקסל ולגרפיקה חדה, וב-SVG ללוגואים ולאייקונים שניתנים להגדלה.
רסטר מול וקטור: מדוע קבצי SVG לעולם אינם מטשטשים
תמונות רסטר (JPG, PNG, WebP) הן רשתות של פיקסלים בצבע קבוע; כשמגדילים אותן יותר מדי, הן נעשות מטושטשות או מפוקסלות. SVG מבוסס על מתמטיקה: הוא מתאר קווים מתמטיים, עקומות וצבעים, כך שאייקונים ואיורים בגרפיקה וקטורית ניתנת להרחבה יכולים להיראות חדים בכל גודל, ממסכים ניידים ועד צגי 8K.
מיתוס: 'DPI גבוה יותר פירושו איכות תמונה טובה יותר באינטרנט'
DPI (נקודות לאינץ') הוא אך ורק הוראת הדפסה פיזית והוא מתעלם לחלוטין על ידי דפדפני אינטרנט. בטלפונים ובצגי מחשב, חדות התמונה נקבעה לחלוטין על ידי ממדי פיקסלים (למשל, 1920x1080) וצפיפות הצג, ולא על ידי מטא-נתונים מוטבעים של DPI.
שקיפות אלפא: PNG מול WebP
ל-JPG המסורתי אין כלל תמיכה בשקיפות - רקעים שקופים הופכים ללבנים או שחורים אטומים. PNG הייתה חלוצה בשקיפות אלפא נקייה של 8-bit, אך WebP מספקת כעת איכות שקיפות זהה בגדלי קבצים קטנים עד 40%.
0 בייט הועלו לשרתים חיצוניים. כל העיבוד התבצע באופן מקומי בארגז החול של הדפדפן שלך.