About PNG to WebP conversion
WebP is the format web performance audits keep recommending, and for good reason: it supports transparency like PNG, yet typically produces far smaller files. Converting a site's PNG hero images, product cut-outs, and illustrations to WebP is one of the simplest ways to speed up page loads and improve Core Web Vitals scores without touching your design.
Unlike a PNG-to-JPG conversion, this route keeps alpha. The converter draws your PNG onto a transparent canvas and asks the browser to encode it as WebP at the quality you pick, so a logo on a see-through background stays see-through. A quality setting around 80–90 is a good starting point for illustrations; experiment lower for large decorative images where a slight softness is acceptable.
One caveat: the WebP encoding itself is done by your browser. Chrome, Edge, and Firefox all encode WebP. Some versions of Safari cannot write WebP from a canvas and quietly fall back to PNG data, so if you are on an Apple device and the output size barely changes, try a Chromium-based browser or Firefox. Either way, your images stay on your own machine.
How to do it
- Open the Image tool with the button above; WebP is preselected as the output format.
- Drag in your PNG files, or press Choose images and select several at once.
- Set quality — 85 is a sensible balance between size and sharpness for web graphics.
- Add a max width if you are preparing images for a fixed-width page column.
- Convert, then download each .webp file and swap it into your site.
