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 generator image 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.
Read more
Free books, courses, and software
Get my programming books, course editions, and complete software.
Get the download library →