WebP to PNG converter

WebP is what most websites serve now, so the images you save from a browser often end in .webp. Every current browser shows them, but plenty of other software still does not: older image editors, some slide and document tools, upload forms that only accept PNG or JPG, and print services.

PNG is the safe target when you want to keep the image exactly as you see it. It is lossless and keeps transparency, so logos, icons, stickers and screenshots come out the same. For photos where file size matters more than perfect pixels, convert to JPG instead, which is much smaller.

A WebP file is either lossless (VP8L) or lossy (VP8). Your browser decodes it to pixels and the tool writes those pixels into a PNG, which is lossless. So:

• Lossless WebP to PNG: identical pixels, and the file usually grows a little.
• Lossy WebP to PNG: identical to what you see, artefacts included, and the file often grows a lot, because PNG has to store every detail of a photo exactly.
• Transparent WebP: the alpha channel is copied as is. Turn on "Fill transparency" to put the image on a solid colour.

Each row shows the size before and after, so you can see the growth before you download.

Some sites serve WebP from a URL that ends in .png or .jpg, so a saved file can be named image.png and still be WebP inside, which is why some apps refuse to open it. The tool reads the first bytes of every file, shows the real format, and flags a name that does not match.

Google's libwebp ships dwebp, the reference decoder. It writes PNG by default:

dwebp image.webp -o image.png

# every .webp in the folder (bash)
for f in *.webp; do dwebp "$f" -o "${f%.webp}.png"; done

# ImageMagick 7
magick image.webp image.png
magick mogrify -format png *.webp

In code, with Pillow or sharp:

# Python
from PIL import Image
Image.open("image.webp").save("image.png")

// Node.js
import sharp from 'sharp';
await sharp('image.webp').png().toFile('image.png');

WebP can hold an animation, like a GIF. A browser canvas draws a single frame of an animated image, so this tool saves that one frame as a still PNG. To keep every frame, use ImageMagick (magick anim.webp anim.gif), or split frames into numbered PNGs with magick anim.webp frame-%03d.png.

Going the other way? PNG to WebP shrinks images for the web. To embed a small PNG in CSS, use image to Base64. More on DevHunt: design tools.