# Optimize media for the web

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

## Images

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

## Videos

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