Guide: convert image formats in the browser
Design hands off alpha PNGs; builds want WebP or AVIF for LCP. Desktop batch conversion slows pipelines — local conversion speeds prototypes.
Files are read via the File API and converted client-side — images are not uploaded to WebDevTools servers. Best for icons and screenshots without user data.
Use when preparing `<picture>` sources, favicons, or OG thumbnails. Run through the compressor if weight still exceeds performance budgets.
Step by step
- Select one or more files — PNG, JPEG, WebP, and other browser-supported formats appear in the list.
- Pick output format — WebP/AVIF shrink size; JPEG for photos without alpha; PNG keeps transparency.
- Tune quality if available — Lower quality saves bytes — visually check on retina displays.
- Download and reference in the project — Update Next/Image imports or CDN assets — remove obsolete files from the repo.