PNG to WebP Converter

PNG is lossless, which makes it reliable but heavy, especially for photos and large illustrations. WebP was designed by Google as a single web format that handles both photos and graphics, and it supports an alpha channel, so it can replace PNG in most places a PNG is used on a website.

This converter creates lossy WebP at a high quality setting (about 90) and keeps the alpha channel. In practice that means:

• Photos and renders saved as PNG usually shrink dramatically, often by 70 to 90 percent.
• Transparent cut-outs keep smooth edges and shadows and still come out far smaller.
• Tiny icons and flat graphics shrink less, because PNG is already efficient for them. Occasionally the WebP is not smaller; keep the PNG in that case.

Every current version of Chrome, Edge, Firefox and Safari displays WebP, so you can use these files on any modern website without a fallback.

WebP is a delivery format. It is great for the final images your visitors download, less so for your master files. Keep the original PNG when:

• You will edit the image again. Lossy WebP at quality 90 looks the same, but re-editing and re-saving it adds loss each time.
• You need pixel-exact graphics, such as sprites, pixel art or images used for measurements.
• The file goes to older software or email. Some desktop apps and email clients still do not open WebP reliably. For those, JPG or the original PNG is safer.

Tip: resize before converting. A 4000 pixel wide PNG squeezed into an 800 pixel column is wasted bytes in any format. Use Resize Image first, then convert, and use Compress Image if you have a strict size budget.

Once you have WebP files, putting them to work is straightforward:

• WordPress has accepted WebP uploads since version 5.8, and themes display them like any other image.
• Shopify, Wix, Squarespace and Webflow accept WebP uploads. Some of them also convert images automatically, but uploading a lean WebP means less for them to do and more control over quality for you.
• Hand-coded sites can use WebP in a normal img tag. A fallback is only needed if you must support browsers from before 2020.

A few habits make a real difference to page speed. Size each image close to the largest width it is shown at, then convert. Give files descriptive names, such as blue-running-shoe.webp rather than IMG_0042.webp, and add alt text when you upload. Lazy-load images further down the page. And keep the PNG originals in a separate folder, so you can export again at a different size later without stacking compression losses.

Need an image with a transparent background first? Cut it out with the Background Remover, then convert the PNG here.