Command Palette

Search for a command to run...

PN

PNG to WebP Converter

Convert PNG images to WebP in your browser, in batches, with transparency kept

PNGtoWebPConverts as soon as you add files
Quality:90%

WebP usually gives smaller files and keeps transparency. This converter saves WebP as a still image, so animation is not written.

Files (0)

No files yet

Add files and they convert right away. Change a setting and they convert again.

Built with open source libraries. Licenses

What is a PNG to WebP converter?

A PNG to WebP converter re-encodes a .png as a .webp to cut the bytes a page has to send. PNG is lossless, which is exactly what you want while you are making an image and exactly what you do not want when a browser is downloading it. A hero image, a screenshot or a product shot kept as PNG carries every pixel faithfully and charges the visitor for the privilege. WebP was designed to be the web delivery format instead, which is why page-weight audits keep pointing at the PNG files.

Conversion here is client-side. The PNG is decoded and re-encoded by your own browser, so nothing is uploaded, and a folder of assets can be converted without handing a client project to a third party.

Work through one. A 1920 x 1080 screenshot is 2,073,600 pixels, and PNG has to describe every one of them without approximating, which is how a plain screenshot ends up in the megabytes. Drop it here and it converts straight away at the default Quality of 90. The row prints the PNG size, an arrow, the WebP size and the percentage change, so the saving is a number you read rather than a claim you take on trust. Move the slider to 70 and the file converts again, so you can compare the two sizes before you decide what to ship.

On the question people ask most: the Quality slider runs from 10 to 100 and 100 asks the browser encoder to keep as much detail as it can, but the output is whatever that encoder produces and is not guaranteed to be a bit-exact copy of the PNG. Treat the PNG as the master and the WebP as the delivery copy. Transparency does come through intact, so cut-outs and logos keep their alpha channel instead of gaining a white background.

WebP is also the wrong answer sometimes, and it is cheaper to know that now. Email attachments, print shops, older CMS installs, Word documents going to a client and desktop tools that predate the format will all be happier with a PNG or JPG. An animated PNG is treated as a still here, so the output does not animate. EXIF, GPS coordinates and colour profiles are dropped in the re-encode. Images over 100 megapixels are refused with a message, empty files are refused, there is no byte-size limit, and a daily conversion limit applies. The tool is free, no signup.

How to convert PNG to WebP

  1. Add your PNG files

    Drop PNG images on the box, or click to upload. Several files at once, nothing is uploaded, and each file converts as soon as it is added. A file in another format is turned away with a link to the converter that handles it.

  2. Adjust the Quality slider

    Quality runs from 10 to 100 and starts at 90, which is a reasonable place to begin for photographic images. Screenshots with small text usually want it higher. Moving the slider converts every added file again about 300 ms after you stop, so a drag converts once, and it does not count against your daily limit again.

  3. Check each result

    Each row shows a thumbnail, its status and a size line with the size before and after and how much smaller or larger the WebP is. Click the thumbnail to see the WebP large, switch between Before and After, and read its pixel dimensions.

  4. Download the WebP files

    Press the download icon on a row to save one file, or use Download All (n images) in the list header for the batch, which arrives as converted-webp.zip with duplicate names numbered. Clear All empties the list.

Why convert PNG to WebP?

The case for WebP is about delivery. PNG stays the right format to make and keep images in, and WebP is the lighter copy you send to visitors.

Lighter pages and a faster largest paint

Images are often the heaviest part of a page, and the hero image is frequently the element that Largest Contentful Paint measures. A PNG hero forces the browser to download lossless data it does not need for display.

Swapping it for a WebP at a sensible quality setting usually cuts that download a lot, though the exact saving depends on the picture. Each row shows the size change as a percentage, so you can confirm the gain on your own files before swapping anything in production.

Transparency without the PNG weight

Before WebP, a transparent image meant PNG and a small image meant JPG, and you could not have both. WebP keeps a full alpha channel while compressing the colour data lossily, so a product cut-out or a logo with a soft shadow gets smaller without gaining a white box.

If the image has no transparency and has to open in older software, converting the PNG to JPG is the more compatible route.

PNG vs WebP: which to use

PNG and WebP compared for web delivery
FeaturePNGWebP
CompressionLossless. Large for photos and detailed screenshots.Lossy or lossless. Output here is encoded by the browser at the quality you set.
TransparencyFull alpha channel.Full alpha channel, kept through the conversion.
AnimationAPNG only. Read as a still here.Supported by the format, but this converter writes still WebP.
Typical file sizeThe larger of the two for most photos and screenshots.Often a fraction of the PNG. Check the size line for each file.
Colour depthUp to 16 bits per channel.8 bits per channel, with colour stored at reduced resolution in lossy mode.
Maximum dimensionsFar beyond what a browser tab can decode.16,383 pixels on each side.
Software supportUniversal.All current major browsers. Weaker in email, print and older desktop apps.
Best forMaster copies, editing, email and print.Images served on websites and in web apps.

Understanding WebP quality

The format is defined in RFC 9649. Its lossy mode is based on VP8 video keyframe coding: the picture is split into blocks, predicted from neighbouring pixels, and the difference is stored with coarser or finer rounding depending on the quality number. A setting of 90 is not 90% of anything. It is a dial for how much rounding the encoder is allowed.

Lossy WebP also stores colour at half the width and half the height of brightness. Eyes are much less sensitive to colour detail than to light and dark, so photos hide this well. Thin coloured lines and small red or blue text on a flat background do not, and can pick up soft fringes. That is where a screenshot needs a higher setting than a photo.

The encoding is done by your browser, not by a codec bundled with this page. Chrome, Edge and Firefox can write WebP from a canvas. A browser that cannot gets a clear message that it cannot save WebP files, rather than a PNG quietly renamed to .webp.

Privacy and security

  • PNG files are decoded and re-encoded as WebP client-side by the browser's Canvas API. Unreleased designs and client assets are never uploaded.
  • The pre-batch limit check sends the tool name, a device identifier and, if you are signed in, your account token. It carries no image data.
  • The usage record sent after a batch contains a file count, a total size in bytes and the output format, never file names or pixels.
  • The conversion does not depend on that request succeeding, so it keeps working offline once the page has loaded.
  • EXIF fields, GPS coordinates and embedded colour profiles are not carried into the WebP, which also trims a little weight you were not using.
  • Converted files stay in the tab's memory until you remove them, press Clear All or close the page.

Key Features

  • Both file sizes on every row

    The original bytes, an arrow, the new bytes and the percentage change, updated every time you move the slider. Picking a quality setting from two real numbers beats picking one from a blog post about averages.

  • Quality slider, 10 to 100

    Start at the default 90 and move it where the image calls for it. Photographs tolerate a lower setting than screenshots full of small type or diagrams with thin lines.

  • Transparency survives

    WebP carries an alpha channel like PNG does, so cut-outs, logos and anything with a soft edge convert without gaining a white background.

  • Whole folders in one pass

    Add every PNG in a project at once, let them convert in turn, and download converted-webp.zip. Files that share a name are numbered instead of overwriting each other.

Frequently Asked Questions

Drop the .png file onto this page and download the WebP when its row shows Complete. The file converts in your browser as soon as it is added, and the row shows the before and after sizes, with no upload and no account. Move the Quality slider and it converts again.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

png to webpconvert png to webppng to webp converterbulk png to webppng to webp compressconvert png to webp without losing qualityhow to convert png to webppng to webp freepng to webp online