How to convert PNG to WebP
- Drop your PNG files on the box, choose them with Choose images, or paste an image with Ctrl+V.
- Pick a quality. 80 is a good default for the web. Use 90 for sharper detail or 100 for the largest, most faithful file.
- Each image is converted as soon as it is added. The list shows the size before and after.
- Click Download next to a file, or Download all as ZIP.
- Upload the WebP files to your site, or use them with a PNG fallback as shown in the WebP guide.
Why convert PNG to WebP
A PNG stores every pixel exactly, which makes screenshots, photos and large graphics heavy. WebP can store the same picture with lossy or lossless compression, and it keeps transparency just like PNG. Smaller images make a page load faster, and a faster page is easier to keep inside the Core Web Vitals limits that search engines look at. Google reports that lossless WebP is about a quarter smaller than PNG, and a lossy WebP of a screenshot or photo is often 60 to 90 percent smaller than the PNG it came from. The exact saving depends on the picture.
What changes when you convert PNG to WebP
- The file gets smaller. The biggest savings are on photos, screenshots with gradients and large artwork. A flat logo with few colors may shrink less.
- Transparency is kept. Unlike a PNG to JPG conversion, see-through areas stay see-through, including soft shadows.
- Lossy by default. Quality 90 or lower throws away fine detail that the eye rarely notices. Quality 100 asks for the most faithful result. Chrome and Edge save it as true lossless WebP, other browsers may still use a lossy encoder at that setting.
- Animated PNG becomes one still. Only the first frame is saved.
- Metadata is not copied. The result has no EXIF or color profile data.
- Your browser must be able to create WebP. Chrome, Edge and Firefox can. Some browsers, notably Safari, open WebP files but cannot create them from a web page. If you see a message about it, open this page in Chrome, Edge or Firefox.
Which quality to choose
| Quality | Use it for |
|---|---|
| 100 | Logos, icons and UI graphics where every edge must stay exact |
| 90 | Product photos and artwork where detail matters |
| 80 | General web use, the best balance of size and look |
| 70 | Backgrounds, thumbnails and blog images where size matters most |
Compare the result with the original at full size before you replace a file. If you see blocky edges around text or sharp lines, raise the quality.
When to keep the PNG
Keep a PNG as the master you edit. Print shops, older Office and Photoshop versions, email clients and many upload forms still ask for PNG or JPG, and converting back is easy with WebP to PNG or WebP to JPG. For your own website, serve the WebP.
Privacy
The images are converted in your browser and never uploaded. The converter keeps working if you switch off your connection after the page has loaded.
Related tools
To set a target size in KB or resize in the same step, use convert PNG to WebP with options. For a whole folder use the bulk PNG to WebP converter. Starting from photos? Use JPG to WebP. To shrink a PNG and keep the format, try the image compressor. The WebP guide explains the format and how to add it to a page.