How to convert PNG to WebP
- Drop a PNG into the box above, choose a file, or paste an image.
- WebP is already selected. Start at quality 85; for logos and screenshots with fine text, try 90–95.
- Compare the size in the result panel, then select Download.
Why websites use WebP
Images are usually the heaviest part of a web page. WebP files are smaller than PNG for most images and, unlike JPG, still support transparent backgrounds, so logos, product cut-outs and icons can switch format without losing their see-through edges. Smaller images mean faster pages, and page speed is part of how search engines rank sites.
Choosing a quality
| Image type | Suggested quality |
|---|---|
| Photos and product shots | 75–85 |
| Illustrations and gradients | 85–90 |
| Screenshots, UI and small text | 90–95, or keep PNG |
How it works
libwebp encodes the image in lossy mode at quality 85 and keeps the alpha channel, so transparent and semi-transparent areas stay that way instead of turning white. That combination is why WebP suits website graphics: a lossy PNG replacement with transparency, at a fraction of the size. Lossy mode suits photos best; for flat graphics, logos and pixel art, raise the quality if you see soft edges, or keep the PNG.
Common uses
- Logos and icons on a website. Swap a heavy PNG logo or icon for a WebP that keeps its transparent edges. Use quality 90 or above if it contains fine text.
- Product cut-outs for a shop. Products shot on a transparent background are often saved as large PNGs. WebP keeps the transparency and makes them much lighter to load.
- Screenshots in documentation. Help pages and tutorials full of PNG screenshots get heavy. Converting them to WebP at a high quality keeps text readable and pages quicker.