How to convert PNG to WebP without losing quality

WebP files are usually 25 to 35 percent smaller than PNG, which makes web pages load faster. The worry is always the same: will the image look worse? With the right settings it will not. Here is how to pick them.

PNG to WEBPCompress PNGWEBP to PNG

Lossless or lossy: what "without losing quality" really means

PNG is lossless: every pixel is stored exactly. WebP can work in two ways. Lossless WebP keeps every pixel too, and lossy WebP throws away detail the eye barely sees, which gives much smaller files.

Our PNG to WebP converter makes lossy WebP at the Quality you choose. At high settings the difference from the PNG is practically invisible, while the file is still much smaller. So in practice "without losing quality" means: without any loss you can see.

Step by step

  1. Open the PNG to WebP converter and drop in one PNG or many.
  2. Click Options on a file to set Quality and Resize (the settings are explained below).
  3. Click Convert, check the new file size in the list, and download the WebP files one by one or all together as a ZIP.

The right Quality for each kind of image

When in doubt, convert at 90, open the PNG and WebP side by side at 100 percent zoom and compare. If you cannot see a difference, try 80.

Resize first: the biggest saving of all

A 4000 pixel wide PNG shown in an 800 pixel wide column wastes most of its bytes. Choose Max 1920px for full-width images, or Max 1280px or Max 800px for images inside an article. Images are never enlarged, only made smaller when they are bigger than the size you pick.

Transparency is kept

WebP supports transparent and semi-transparent pixels, so logos and cut-out product photos keep their transparent background and can sit on any colour, just like the PNG.

When to keep the PNG

If you need to go back, the WebP to PNG converter turns a WebP into a PNG again. If you would rather keep PNG but make it smaller, compress the PNG instead.

Frequently asked questions

Does converting PNG to WebP reduce quality?

Lossy WebP removes a little detail, but at Quality 85 and above it is very hard to see. Logos and text need higher settings than photos.

Does WebP keep the transparent background of a PNG?

Yes. WebP supports full transparency, including soft semi-transparent edges.

How much smaller is WebP than PNG?

For graphics typically 25 to 35 percent; for photos saved as PNG often 70 to 90 percent.