Comparison of Image Formats

Graphics Formats for the Web

PropertyGIF
Graphics Interchange Format
JPEG
Joint Photographic Experts Group
PNG
Portable Network Graphic
SVG
Scalable Vector Graphic
Color System8 bit indexed (256 colors)RGB (24 bit; millions of colors)
  • 8 bit indexed (256 colors)
  • RGB (24 bit; millions of colors)
RGB
CompressionLossless Compression (LZW; horizontal repeating units)"Lossy" Compression
(compression optimized for gradual color changes)
Lossless CompressionLossless (gzip)
Other Features
  • .gif file extension
  • Transparency
  • Animation
  • .jpg and .jpeg file extensions
  • No Transparency
  • No Animation
  • .png file extension
  • Transparency
  • Animation through APNG, but not widely supported
  • .svg file extension
  • Transparency
  • XML format
  • Uses CSS properties!
Typical Uses
  • Illustrations (logos, icons)
  • Animated banners and icons
  • Images with small dimension
  • Photographs
  • Any
  • Illustrations (logos, icons)
  • Vector Art
PropertyGIF
Graphics Interchange Format
JPEG
Joint Photographic Experts Group
PNG
Portable Network Graphic
SVG
Scalable Vector Graphic
Photograph
250 × 188 px
example
29.3 kb
example
16.8 kb
example
25.8 kb (indexed, 8-bit)
example
81.9 kb (RGB, 24-bit)
N/A
Illustration
148 × 179 px
example
1.47 kb
example
6.12 kb
example
1.02 kb (indexed, 8-bit)
example
1.89 kb (RGB, 24-bit)
example
0.6 kb

Hot Air Balloon image is in the Public Domain and was obtained from PD Photo.
Public Domain Dedication

Illustration image from the original works of David Heitmeyer

Copyright © David Heitmeyer