Images are usually the heaviest thing on a web page, and legacy PNGs are often the worst offenders — a format designed in 1996 for lossless graphics, pressed into service for hero images and photos. WebP was built for exactly this job: alpha channel included, 26% smaller than PNG losslessly, and dramatically smaller with lossy encoding. Converting your site's PNG assets here takes minutes, happens entirely in your browser, and shows up directly in your Lighthouse score.
Drop your file here or click to browse
.png — up to 200 MB. Processed locally; never uploaded.
How to convert PNG to WebP for a Faster Website
Drop a site .png onto the converter above.
For photos and gradients, 85% lossy quality is ideal; for sharp logos, nudge it higher.
Click Convert — the WebP is encoded on your machine.
Download the .webp and swap it into your site's markup or CMS.
Optional but recommended: keep the PNG in a <picture> fallback for ancient browsers.
Frequently asked questions
Will switching PNGs to WebP really move my PageSpeed score?
Images dominate page weight on most sites, and Lighthouse explicitly flags 'serve images in next-gen formats'. WebP at 85% is typically 60–80% lighter than the PNG it replaces — on image-heavy pages that's the biggest single lever you have.
Do I lose transparency on my logos?
No — WebP carries a full alpha channel in both lossy and lossless modes. Transparent logos and icons convert cleanly.
What about browser support for my visitors?
Chrome, Firefox, Edge, and Safari 14+ all display WebP — over 96% of global users. The standard pattern is a <picture> element listing WebP first and PNG as the fallback.
Can I batch-convert my whole assets folder here?
Files convert one at a time in the browser — great for a handful of key images. For hundreds of files, a local CLI tool (cwebp, sharp) is the better workflow; this page is for when you want zero installs.