How to use the PNG to WebP converter
- Drop in the PNG files.
- Tick Lossless for screenshots, logos and anything with fine text; leave it unticked for photos and painted artwork.
- Convert, check the saving shown on each row, and download.
Picking lossless or lossy
Lossless WebP reproduces the PNG pixel for pixel and typically lands 20–30% below an optimised PNG, more for flat artwork. Use it for anything where a single smudged letter would be noticed, such as a screenshot in a tutorial.
Lossy WebP shrinks photographic content and soft gradients much further. Small text and one-pixel lines can blur slightly at lower settings, so zoom to 100% on a sample before swapping out a whole set.
Transparent edges stay clean
Both modes keep a full alpha channel, so drop shadows, anti-aliased outlines and semi-transparent panels come through. In lossy mode the transparency is compressed separately from the colours, which stops edges from getting fuzzy.
For a website, also size the image to its slot. A logo exported at 2000 pixels for a 200-pixel header wastes most of its weight; set a width under More settings.
Screenshots for tutorials and docs
Tutorial videos often come with a written guide full of PNG screenshots. Lossless WebP keeps every menu label sharp while trimming the page weight, and the list view makes it easy to spot any file where the PNG was already smaller.
After uploading, update the image paths in your pages, or serve both versions through a picture element so very old browsers still get the PNG.
Questions
Which browsers display WebP?
Every current desktop and mobile browser does. Internet Explorer and similarly ancient browsers are the exceptions.
My lossless WebP came out larger. Why?
PNGs built on a very small colour palette are already compact, and WebP sometimes cannot beat them. Stick with the original there, or test lossy mode.
Can I resize while converting?
Yes. More settings can scale by percentage, to a width or height, or into a bounding box that never enlarges smaller images.