If your website targets modern browsers, WebP is a free 30–70% file size reduction.
Lossless WebP
- 20–30% smaller than PNG
- Pixel-identical to source
- Perfect for logos, icons, screenshots
Lossy WebP
- 60–80% smaller than PNG
- Imperceptible difference for photos
- Not ideal for sharp text/graphics
Browser support
WebP is supported by current major browsers. Check the support requirements for your audience and target devices before changing a production image pipeline.
Fallback strategy
Serve WebP with a `<picture>` fallback to PNG for the remaining 2%: ```html <picture> <source srcset="image.webp" type="image/webp"> <img src="image.png" alt="..."> </picture> ```
Batch
Drop PNGs, convert to WebP, download ZIP.