Skip to content

Image Files

Vector vs Raster

  • vector - pdf, eps, svg, ai
  • raster - jpg(jpeg), gif, tiff, raw, psd
  • vector - works on mathematical points system
    • can be scaled indefinitely
    • ideal for logos, type work, and icons
    • don't use pixels and use math points
  • raster - works on a pixel grid, a fixed size
    • each pixel is assigned a color
    • ideal for photos, web graphics, illustrations, with complex color and shadows.

Lossy and Lossless compression

  • lossy - removes unnecessarily data to reduce size
    • smaller size images
    • jpg, mpeg, mp3, h.264
  • lossless - maintain all your data
    • gif, tiff, png

Image File Formats

  • bmp
  • gif
  • jpg
  • png
  • tiff

jpeg - join photographic experts group

  • lossy, raster
  • allow to set the compression level

gif - graphics interchange format

  • lossless, rater
  • limited to 256 colors

png - portable network graphics

  • lossless, rater
  • allow transparency
  • best for large areas of solid, limited colors

tiff - tagged image format

  • lossless, raster
  • for printing
  • can also do compression on it

raw

  • format for raw data captured by a digital camera

eps - encapsulated postscript

  • vector format

svg - scalable vector graphics

  • vector graphics
  • for web
  • for icons

webp

  • conversion tool
  • google replacement for images in web, smaller in sizes
  • the what's app stickers are all webp