Skip to content
Initurn

Convert PNG to WebP

Files never leave your device. All processing happens in your browser.

Lower means a smaller file. Above 90 the file grows fast for little visible gain.

Pixels. Leave empty to keep the original dimensions.

How to convert PNG to WebP

  1. 1

    Add your PNG files — logos, screenshots, exports, anything.

  2. 2

    Set the quality. Transparency is preserved automatically.

  3. 3

    Check the size saving, then download.

This is the conversion PNG users have been waiting for without knowing it. The long-standing dilemma was that anything needing a transparent background had to be a PNG, and PNG files of photographic content are enormous. WebP ends that trade-off: it supports full alpha transparency and lossy compression at the same time, something JPEG has never been able to do.

Transparency survives, and that is the point

A logo with a transparent background, converted to WebP, still has a transparent background. Better than that, WebP stores a full 8-bit alpha channel, so soft edges, drop shadows and anti-aliased curves stay smooth rather than turning into the jagged outline you get from GIF-style on-or-off transparency. For a site header logo or a product cut-out, this is a straight upgrade with no downside beyond the format itself.

How much you actually save

  • Photographs saved as PNG: often 90% or more smaller. This is where the biggest wins are, because PNG is a poor fit for photographic data in the first place.
  • Screenshots of interfaces and text: typically 40–70% smaller, with text staying sharp because WebP handles hard edges far better than JPEG does.
  • Logos, icons and flat illustrations: usually 25–35% smaller, and WebP can also do this losslessly if you push the quality to maximum.

Lossy or lossless?

The quality slider controls this. At high settings, WebP keeps the image extremely close to the original — for logos and diagrams it is usually indistinguishable. Lower settings compress harder in the way a JPEG would, which suits photographs and is wasteful for flat graphics. If the PNG is a piece of artwork you will keep editing, treat the WebP as a delivery copy and keep the PNG as your master.

Where this matters most

Screenshots in documentation, product images on a store, illustrations in a blog post and UI assets in an app all tend to start life as PNG exports and all tend to be the heaviest things on the page. Because PNG has no quality dial, there is no way to make one smaller without changing format or dimensions. Converting to WebP typically removes more page weight than any other single change, and unlike image lazy-loading it costs nothing in complexity.

What to watch for

Software outside the browser is still patchy with WebP — some editors, print services and upload forms reject it. Keep the PNG for anything going to a person or a printer, and use WebP for anything going onto a web page. Animated PNGs are not handled here: an APNG converts to a single still frame, since the animation cannot be carried across by this route.

Everything runs inside this tab using your browser’s own WebP encoder. Nothing is uploaded, which also means a batch of 200 screenshots is limited only by your own patience and memory.

Questions about PNG to WebP

Does WebP keep my transparent background?

Yes, fully. WebP stores a complete 8-bit alpha channel, so transparent areas, soft edges and drop shadows all carry over exactly as they were. This is the main reason to choose WebP over JPEG for anything with transparency.

How much smaller will the WebP be?

It depends heavily on the content. Photographs stored as PNG often shrink by more than 90 percent, screenshots by 40 to 70 percent, and flat logos by 25 to 35 percent. Each result shows its size next to the original before you download.

Is WebP lossless like PNG?

It can be. WebP supports both lossless and lossy compression. Setting the quality to maximum keeps the image effectively pixel-perfect, while lower settings compress harder in the way JPEG does. Choose based on whether the file is a master or a delivery copy.

Should I convert my PNG screenshots to WebP?

For anything going on a web page, yes — screenshots are usually the heaviest images on a documentation site and WebP keeps text sharp while cutting the size substantially. Keep the PNG if the screenshot is going into a printed document.

What happens to an animated PNG?

You get the first frame as a still image. Converting APNG animation to animated WebP is a different job and is not what this tool does.

Will WebP work everywhere my PNG did?

On the web, yes — every current browser displays WebP. Outside the browser, support is inconsistent: some desktop editors, print services and upload forms still reject it. Keep the PNG for those cases.

Related converters