Performance6 min read·Updated September 5, 2026

Compress PNG for the Web (Without a Muddy Screenshot)

PNG is the right format in Figma and the wrong format in production (except tiny lossless UI if SVG is impossible). Convert PNG to WebP: 90%+ for screenshots, 80% for photographic PNGs. Transparency stays.

Lossless is why it weighs a megabyte

PNG stores every pixel exactly. Screenshots of photos are the worst of both worlds. WebP lossy is designed for this. You choose how exact 'exact' needs to be.

Why it matters

macOS screenshots default to PNG.
Transparent product cut-outs are PNG-24.
TinyPNG helps but still may leave a PNG; WebP is smaller.

How to do it

Split screenshots vs photos.
Convert screenshots at 90%, photos at 80%.
Check transparency on a chequerboard or dark footer.

Settings that work

Hard-edged UI: 90–94%. Soft photos saved as PNG: 80%.

Put it into practice

Convert your images to WebP right now, free and privately in your browser.

Open the converter

Frequently asked questions

It makes smaller PNGs. WebP is usually smaller still. See WebP vs TinyJPG.

This converter is for stills. Use video or animated WebP tools for animation.

Keep reading

Workflow6 min read

vs TinyJPG

TinyPNG makes smaller JPEGs/PNGs and uploads your files. WebP is usually smaller still, and this converter never uploads.