Image Format Chooser
Pick the right image format for your asset. Get a recommendation, fallback chain, and a <picture> snippet you can copy.
Fallback chain:
Why
<picture> snippet
Related:srcset generatorimage resizer
Format comparison
| Format | Compression | Transparency | Animation | Support | Typical use | Size vs JPEG |
|---|---|---|---|---|---|---|
About this tool
Size estimates are ballpark — actual savings depend on encoder settings and image content. Modern stacks usually ship AVIF → WebP → JPEG via<picture> with responsive srcset.
Photos with broad legacy requirements still need JPEG or PNG fallbacks even when AVIF wins on size. SVG is for logos and icons, not camera JPEGs — raster inside SVG does not inherit responsiveness. Short animations may be lighter as muted looping video than heavy GIFs. The snippet orders modern types first in <source> elements so capable browsers pick AVIF or WebP automatically.
Answers are encoded in the URL for sharing. No images leave your browser.