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

ההבדלים המרכזיים בין קבצי תמונה שונים

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

קבצי תמונות בפורמט סריקה

רוב הפורמטים לווב (JPEG, GIF and PNG) נמצאים תחת הקטגוריה – תמונות סריקה.
קבצי תמונות סריקה מציגים תמונה סטטית, כשלכל פיקסל יש צבע מוגדר, מיקום, ופרופורציה בהתבסס על רזולוציה, למשל (720X1280). תמונות אלו הן סטטיות, כך שלא ניתן לשנות את גודל התמונה בצורה אפקטיבית, אחרת העיצוב המקורי יימתח וימלא את המסגרת לפי החיתוך שהוגדר. כתוצאה מכך תיווצר תמונה מטושטשת, מפוקסלת או משובשת בצורה כלשהי. הרוב המוחלט של התמונות והצילומים שנמצאים ברשת מתבססים על פורמט תמונות סריקה.

קבצי תמונה בפורמט וקטורי

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

(מסגרת מפוצלת ודוגמא לשני הפורמטים)

14  קבצי תמונה הפופולריים ביותר

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

JPEG (And JPG) — Joint Photographic Experts Group .1

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

יתרונות וחסרונות 

  • נתמך ע״י כל דפדפן אוניברסלי ונתמך  OS
  • נפח קובץ נמוך
  • אובדן איכות עקב דחיסה (דחיסה עלולה להוביל לטקסס בלתי קריא).

תמיכה בדפדפן וOS-

  • תומך בגרסאות של רוב הדפדפנים הגדולים (כרום, פיירפוקס, ספארי, וכו’), החל מגרסאות 1.0
  • תומך כברירת מחדל בכל התמונות והמעבדים של כל מערכות ההפעלה הגדולות.

מתי משתמשים

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

PNG — Portable Network Graphics 2

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

יתרונות וחסרונות

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

תמיכה בדפדפן וOS-

  • נתמך על ידי כל הדפדפנים העיקריים (כרום, פיירפוקס, ספארי, אופרה, אינטרנט אקספלורר)
  • נתמך על ידי מערכות ההפעלות העיקריות ועורכי התמונות הסטנדרטיים שלהם.

מתי משתמשים

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

GIF — Graphics Interchange Format 3

GIF הוא סוג קובץ תמונה בעל דחיסה ללא אובדן נתונים. עם זאת הוא מוגבל ל- 8 ביט לפיקסל ומכיל לוח מוגבל של 256 צבעים.

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

יתרונות וחסרונות

  • גודל קובץ נמוך
  • תמיכה באנימציה
  • הגבלת 8 סיביות מובילה לאיכות תמונה מוגבלת.

תמיכה בדפדפן וOS-

  • נתמך על ידי כל הדפדפנים הפופולריים (כרום, פיירפוקס, ספארי, אופרה, אינטרנט אקספלורר)
  • נתמך על ידי מערכות ההפעלה העיקריות ועורכי התמונות הסטנדרטיים.

מתי משתמשים

  • מעבר לשימוש ב-GIF כפורמט תוכן בידורי, ניתן להשתמש בו גם כדי להדגים כיצד להשלים משימות בהדרכות ובמדריכים.
  • רצוי לא להשתמש בו אם אתם זקוקים לתמונות צבעוניות שחורגות ממגבלת 8 סיביות  JPEG)  לדוגמא תומך בעד 24 סיביות).

 WebP 4

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

יתרונות וחסרונות

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

תמיכה בדפדפן וOS-

  • Google Chrome (Version 17+ for desktop, 25+ for mobile), Firefox (65+), Edge (18+), and Opera (11.0+), support WebP natively. Safari’s planned version 14 will support WebP.
  • הפורמט עדיין אינו נתמך על ידי עורכי התמונות הבסיסיים, אך תוכנות מקצועיות כמו פוטושופ תומכות בWebP-.

מתי משתמשים

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

TIFF 5

אם יש פורמט אחד שאסור לפספס במדריך שסוקר קבצי תמונות שונים, זה -TIFF. פורמט זה המהווה קיצור של פורמט תמונה מתוייג,(Tagged image Format) משמש בתור פורמט הסריקה הנפוץ ביותר לאחסון ועריכה של תמונות המשמשות להדפסה. בניגוד לקבצים האחרים שסקרנו עד כה, קובץ זה לא מציע דחיסה מאחר שתפקידו הוא לשמור על איכות התמונות המאוחסנות בו.

יתרונות וחסרונות

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

תמיכה בדפדפן וOS-

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

מתי משתמשים

  • אחסון, עריכת תמונות וגרפיקה לפרסום.
  • משמש סורקים רבים לשמירה על איכות התמונות או המסמכים הסרוקים.

BMP — Bitmap BMP  – Bitmap 6 

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

יתרונות וחסרונות

  • מציע קבצים גדולים במיוחד,  ללא יתרונות משמעותיים, בניגוד לפורמטים כמו GIF, PNG או WebP

תמיכה בדפדפן וOS-

  • נתמך על ידי הדפדפנים העיקריים (כרום, אדג’, ספארי, אינטרנט אקספלורר, פיירפוקס, אופרה).
  • תומך ברוב עורכי התמונות של מערכות ההפעלה המוגדרות כברירת מחדל כמו MS Paint 

מתי משתמשים

  • בשנת 2021, אין לגיטימיות לשימוש בפורמט התמונה  BMP.

HEIF — High Efficiency Image File FormatHigh Efficiency Image File -7 Format

 פורמט התמונות HEIF – ראשי תיבות של ״פורמט קובץ תמונה עם יעילות גבוהה״, הוא פורמט תמונה שפותח על ידי הצוות שמאחורי פורמט הוידאו MPEG ומטרתו להוות מתחרה ישיר ל- JPEG.

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

יתרונות וחסרונות

  • יחס איכות גבוה מול גודל הקובץ.
  • אין תמיכת דפדפן ותמיכה מוגבלת במערכות הפעלה.

תמיכה בדפדפן וOS-

  • הדפדפנים הפופולריים לא תומכים בו.
  • תמיכה מקורית ב- macOS סיירה וiOS 11  ואילך, אך לא בגרסאות ספארי המתאימות להן.

מתי משתמשים

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

8.  SVG — Scalable Vector Graphics

פורמט הקובץ Scalable Vector Graphics המכונה בדרך כלל  SVG פותח על ידי W3C כשפת סימון בכדי להציג תמונות דו ממדיות ישירות בתוך הדפדפן. הוא לא מסתמך על פיקסלים כמו פורמט סריקה, אלא משתמש בטקסט XML כדי להתוות צורות וקווים באופן דומה לאופן שבו משוואות מתמטיות יוצרות גרפים. כך שבניגוד לקבצים כמו JPEG, תמונות בפורמט SVG ניתנות להגדלה לאין שיעור ללא אובדן איכות.

יתרונות וחסרונות

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

תמיכה בדפדפן וOS-

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

מתי משתמשים

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

9.EPS — Encapsulated Postscript 

בעיקרו של דבר, (Encapsulated PostScript) EPS  הוא קובץ תמונה וקטורי המשמש לאחסון איורים ב-אדובי אילוסטרייטור ובתוכנות אחרות כמו CorelDraw
בדומה לקבצי SVG איפיאס (EPS) הוא מסמך מבוסס טקסט שמתאר צורות וקווים דרך קוד, ללא מיפוי פיקסלים וצבעים. כתוצאה מכך, קבצי EPS תומכים בקנה מידה רחב ללא פגיעה באיכות.

יתרונות וחסרונות

  • קנה המידה (גודל) ללא הפסד איכות.
  • תמיכה במדפסת למסמכים ועיצובים.

תמיכה בדפדפן וOS-

  • EPS  אינו קובץ תמונות אינטרנט רגיל ואינו נתמך על ידי הדפדפנים הפופולריים.

מתי משתמשים

  • משמש בעיקר לאחסון, שמירה והדפסת איורים בעבודה עם Adobe Illustrator או תוכנות אחרות.

10. PDF — Portable Document Format

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

יתרונות וחסרונות

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

תמיכה בדפדפן וOS-

  • נתמך על ידי הדפדפנים העיקריים (כרום, אדג’, ספארי, אינטרנט אקספלורר, פיירפוקס. אופרה).
  • נתמך כפורמט על ידי עורכי המסמכים הסטנדרטיים ביותר (כמו MS Word או Google Docs) ותוכנות איור (AI, Inkscape) אך לא על ידי תוכנות לעריכת תמונות.

מתי משתמשים

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

11. PSD — Photoshop Document

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

יתרונות וחסרונות

  • מאפשר התאמה אישית של כל המרכיבים המשמשים לצורך עריכת תמונה כמו- מסננים, שקיפות וכו’.
  • מספק איכות תמונה ללא הפסד
  • מכיל קבצים גדולים

מתי משתמשים

  • משמש בעיקר לשמירה ואחסון פרויקטים של פוטושופ במהלך העבודה ולאחר סיומם.

12. AI — Adobe Illustrator Artwork

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

יתרונות וחסרונות:

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

מתי משתמשים

  • משמש בעיקר לצורך שמירה ואחסון של פרויקטים של Adobe Illustrator לפני ואחרי השלמתם.

13.XCF — eXperimental Computing Facility 

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

יתרונות וחסרונות.

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

מתי משתמשים

  • משמש בעיקר לצורך שמירה ואחסון של פרויקטים של GIMP לפני ואחרי השלמתם.

14. INDD — Adobe InDesign Document

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

יתרונות וחסרונות

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

מתי משתמשים

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

15.  Raw Image File Types

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


Kodak: CR, K25, KDC
Canon: CRW CR2 CR3
Epson: ERF
Nikon: NEF NRW

בעוד קבצי JPEG  מציעים 256 צבעים, קבצי RAW מציעים עד 16,384 צבעים שונים בתמונה אחת. מה שמאפשר גמישות גדולה יותר בעת שינויי צבעים וניגודיות לאחר עיבוד התמונה. תמונות גולמיות אינן מיועדות לשיתוף ואינן נתמכות על ידי אף דפדפן או מציג תמונות ראשי. 

יתרונות וחסרונות.

  • RAW מציע תמונות איכותיות ואפשרויות צבע רבות יותר.
  • מציע קבצי תמונה גדולים מאוד (קובץ גולמי יכול בקלות להגיע ל- 20 עד 40 מגה).

מתי משתמשים

  • משמש בעיקר לשמירת תמונות באיכות הגבוהה ביותר הדרושה לצורך עיבוד ועריכה עתידיים.