Optimize media for the web

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

Images

Lossless image format with sharp edges and great support for transparency.

The classic photo format: widely supported, good quality-to-size for photographs.

Modern image format with great compression and broad browser support.

High-compression modern image format that can beat WebP on size at similar quality.

A common camera output format (especially Apple devices) with efficient compression.

Next-gen image format designed for high quality and efficient compression.

Legacy animated image format that is still widely used for simple loops.

Vector format: crisp at any size and excellent for icons and illustrations.

Videos

The most compatible web video container; a safe default for delivery.

Web-first video format that often compresses well and is common for modern browsers.

Common container from cameras and editing tools; typically converted for the web.

Flexible container used in many workflows; commonly remuxed/converted for delivery.

Legacy container format; usually worth converting to MP4/WebM.

Ogg video container; occasionally used for open formats, but uncommon today.