Image Format Guide: When to Use PNG / JPG / WebP / AVIF / GIF
A quick guide to common image formats and how to pick the right one for screenshots, photos, icons and the web.
Screenshots and UI: PNG (or WebP) keeps text crisp and supports transparency.
Photos: JPG for small size, WebP/AVIF for even smaller with good quality.
Logos and icons: SVG if possible (vector), else PNG/ICO with transparency.
Simple animations / small graphics: GIF (limited colors). Need transparency + compression? Prefer WebP.