png to webp converter
Shrink your PNG up to 35% — free, no upload, no sign-up — works on Android, iPhone and desktop — nothing leaves your device
✅ WebP supports transparency — your PNG transparent background is fully preserved in the output
Tap to choose a PNG image
or drag and drop — max 20 MB
Quality
85
Smaller fileBest quality
Converting…
WebP — base64 data URI (copy & use)
How to use this tool
1
Select your PNG file — tap the drop zone to browse your gallery, files app, or drag and drop on desktop.
2
Choose mode — Lossy gives the smallest file at near-identical quality. Lossless keeps every pixel identical to the original PNG while still saving space.
3
Set quality — 85 is the sweet spot for most images. Higher means bigger file, lower means smaller. Quality 100 is visually lossless for most photos.
4
Tap convert — see the before/after size comparison instantly. Download the WebP or copy the data URI to use directly in your code or website.
All conversion happens locally in your browser using the Canvas API. No file is ever uploaded to any server. Your images stay completely private.
PNG vs WebP
| File size | WebP 25–35% smaller |
| Quality | Visually identical at Q85+ |
| Transparency | ✅ Both support |
| Lossless mode | ✅ Both support |
| Browser support | WebP 97%+ global |
| Google PageSpeed | Recommends WebP |
| Android default | WebP ✅ |
Why convert PNG to WebP?
WebP gives you the same transparency and sharpness as PNG but in a file that is 25–35% smaller. Smaller images mean faster page loads, less mobile data used, and better Google PageSpeed scores.
Will I lose quality?
At quality 85 and above the difference is invisible to the human eye. For logos and graphics with flat colours, use Lossless mode — zero quality loss, still smaller than PNG.
FAQ
Does WebP keep transparency?
Yes — WebP fully supports alpha transparency. Your logo or graphic with a see-through background converts perfectly.
Works on iPhone and Android?
Yes — runs in Safari on iPhone and Chrome on Android. No app needed on either.
What quality setting should I use?
85 for photos and complex images. For logos and flat graphics use Lossless mode instead of the quality slider.
Is my file uploaded anywhere?
No — everything runs in your browser. Nothing is sent to any server.