Optimize media for the web

Pick a format to get a practical guide and copy-paste commands for running optimo locally.

Images

• PNG
  Lossless image format with sharp edges and great support for transparency.
• JPEG
  The classic photo format: widely supported, good quality-to-size for photographs.
• WebP
  Modern image format with great compression and broad browser support.
• AVIF
  High-compression modern image format that can beat WebP on size at similar quality.
• HEIC
  A common camera output format (especially Apple devices) with efficient compression.
• JPEG XL
  Next-gen image format designed for high quality and efficient compression.
• GIF
  Legacy animated image format that is still widely used for simple loops.
• SVG
  Vector format: crisp at any size and excellent for icons and illustrations.

Videos

• MP4
  The most compatible web video container; a safe default for delivery.
• WebM
  Web-first video format that often compresses well and is common for modern browsers.
• MOV
  Common container from cameras and editing tools; typically converted for the web.
• MKV
  Flexible container used in many workflows; commonly remuxed/converted for delivery.
• AVI
  Legacy container format; usually worth converting to MP4/WebM.
• OGV
  Ogg video container; occasionally used for open formats, but uncommon today.