Image Type and Formats

Image Types

• Raster
  • Made up of pixels
  • Used for photos
  • Comes from camera/scanner
  • Formats: JPG or JPEG, GIF, PNG, WEBP
  • More pixels mean larger file size
  • Looks blurry if scaled up
• Vector
  • Vector graphics are points, lines, curves and shapes that are based on mathematical formulas.
  • Used for logo, icon,
  • Created in software like Adobe Illustrator
  • Format: SVG
  • SVG stands for Scalable Vector Graphics
  • Looks sharp at any size

Image Formats

• JPG: 16M Colors, No Transparency, No Animations
• GIF: 256 Colors, Supports Transparency, Supports Animations
• PNG: 16M Colors, Supports Transparency, Supports Animations
• WebP: 16M Colors, Supports Transparency, Supports Animations