WebP keeps everything people like about PNG — transparency, sharp edges — and then takes far
less room to store it.
Pages load appreciably faster
Two megabytes of PNG screenshots on a product page is two megabytes every visitor
downloads, on a phone, on mobile data. The same images as WebP routinely land 30–70%
smaller at a quality no one can tell apart, and image weight is usually the largest single
item in a page's load time.
Transparency comes along
Unlike JPG, WebP has a real alpha channel, so a logo, an icon with soft edges or a cut-out
product shot keeps its transparent background exactly as it was. This is the conversion to
use when the picture sits on a coloured or changing background and must not become a white
rectangle.
Every current browser reads it
Chrome, Firefox, Safari, Edge and every browser on a modern phone have supported WebP for
years, and so do WordPress, Shopify and the major CMSs. For images that only ever appear
on a page, that covers the audience; for a file that has to open in a desktop editor or an
upload form, check first.
What the conversion changes
Mostly weight. The pixels you can see barely move, as long as the quality is set sensibly.
The quality setting now matters
PNG was lossless; WebP written here is lossy unless you push quality to 100. For
photographs 75–85 is invisible on screen, while graphics with small text or thin lines want
90 or more, since that is where compression artefacts show up first. Check the preview at
full size when in doubt.
Transparency survives — and semi-transparency too
Fully and partly transparent pixels are carried over, so drop shadows stay soft and
anti-aliased edges keep their smoothness. The Background field can be left on "keep
transparency"; fill it in only when you deliberately want the cut-out flattened onto white
or black.
Flat graphics save less than photos
A photograph is full of fine variation, which is where WebP earns its keep. A flat icon or
a two-colour chart has little to compress, so the saving may be modest — and a very small
PNG can even come out slightly heavier. Compare the two weights in the result before
replacing anything.
Animated PNGs lose their motion
An animated PNG becomes a still WebP of its first frame; a plain PNG is unaffected. What
does carry over is orientation: an EXIF rotation tag is applied to the pixels, so the
result is upright, and the remaining metadata is dropped rather than copied into the
WebP.
How to convert PNG to WebP
Three steps, and the transparent version stays transparent.
Add the PNG
Drag it onto the box, click to choose, or paste it with Ctrl+V (Cmd+V on a Mac). One file
per run, up to 25 MB.
Pick a quality, and the width the page really needs
82 is a good start for photos and 90 for screenshots and graphics. Set the width to the
largest size the image is displayed at — there is no point shipping 2400 px to a slot
800 px wide, and the file gets dramatically lighter.
Download the WebP
The result line shows both weights and the percentage saved, so you can lower the quality
once and try again if the gain is not enough. One click saves the .webp; keep the PNG as
your master copy.
Three tips before you convert
The best image on a page is the one that is small and sharp.
Serve one size, at roughly 2x
For a retina screen, an image twice its display width is enough: a 400 px thumbnail becomes
an 800 px file. Anything beyond that is downloaded and thrown away by the browser. That
single decision usually saves more than any quality setting.
Keep the PNG for anything that gets edited
WebP here is lossy, so re-saving it repeatedly drifts the same way a JPG does. Archive the
PNG, publish the WebP, and go back to the
WebP to PNG converter if a copy without compression is needed
again.
Check who has to open the result
Browser: WebP, every time. Old desktop software, a print shop or a form that inspects the
file type: use PNG to JPG instead, or keep the PNG. When the
picture only has to be lighter and compatibility does not matter,
compressing the image can shave more off with one step.
Frequently asked questions
Is this converter free?
Yes. There is no account, no payment, no watermark and no limit on how many images you convert. Only a short rate limit applies, so one visitor cannot occupy the server for everybody else.
Does WebP keep my transparent background?
Yes. WebP stores an alpha channel just as PNG does, so transparent and semi-transparent pixels are preserved — soft shadows, feathered edges and cut-out logos all survive. Leave the Background field on "keep transparency" and nothing is flattened.
How much smaller will the file be?
On photographs and screenshots with lots of tone, typically 30–70% smaller at a quality that looks identical on screen. Flat graphics with few colours save less, and a tiny PNG can even get slightly heavier, so compare the two weights shown in the result before replacing the original.
What happens to an animated PNG, or to a picture with rotation data?
An animation is reduced to its first frame, because the WebP written here is a still image. Rotation stored as an EXIF tag is applied to the pixels on the way through, so the result is upright and its width and height match; the rest of the metadata is not copied over.
How large may my PNG be, and what happens to it?
Up to 25 MB per file, with a limit of 50 megapixels per image. Files are processed on our server and not stored: only the finished WebP is sent back, so nothing is kept afterwards.