Skip to content

PNG to WebP

Make a PNG much smaller as WebP.

WebP keeps transparency and is far smaller than PNG for photos and artwork. Drop PNG files, choose the quality, and save WebP files.

Works in current Chrome, Edge and Safari. Safari can't make WebP itself, so a small converter built into this page does it.

Drop a photo here.

How it works

Drop, set the quality, save.

  1. 1

    Drop the PNG files

    Screenshots, graphics, exported artwork. JPG, GIF, BMP and AVIF files are accepted too.

  2. 2

    Newer format is selected

    That writes WebP at full size and Great quality, 82 percent. In Custom, Good makes a smaller file and Best keeps fine edges.

  3. 3

    Save

    WebP files with transparency intact, or one ZIP for a batch.

Measured examples

Four kinds of picture, four results.

PNG stores every pixel exactly, so how much WebP saves depends on what the picture is. We ran four generated pictures through this page at its default setting.

Test fileSizeChangeTimeResult
Transparent logo, 2048 by 2048Chrome82 kB → 42 kB49 percent smaller360 ms46.1 dB likeness · 2048 × 2048 · Transparency kept
Transparent logo, 2048 by 2048WebKit82 kB → 41 kB50 percent smaller1.3 s46.1 dB likeness · 2048 × 2048 · Transparency kept
Detailed photo, 12 MPChrome22 MB → 1 MB95 percent smaller1.1 s32.9 dB likeness · 4000 × 3000
Detailed photo, 12 MPWebKit22 MB → 1 MB95 percent smaller2.2 s32.9 dB likeness · 4000 × 3000
Smooth gradients, 12 MPChrome423 kB → 64 kB85 percent smaller660 ms49.6 dB likeness · 4000 × 3000
App screenshot, 2400 by 1600Chrome162 kB → 61 kB62 percent smaller250 ms47.1 dB likeness · 2400 × 1600

Measured on November 7, 2026 in Google Chrome 157, WebKit (Playwright build, not Safari) 26, on Apple M1 Pro. Times run from pressing Convert to the result being ready, with the page already loaded. Likeness is PSNR against the original: higher is closer, and above 40 dB the difference is hard to see. WebKit here is Playwright's build, which is not Safari. Every test file was generated for these measurements, none is anyone else's work, and each is described on the About page.

The detailed 12-megapixel picture went from 22 MB to 1 MB, 95 percent smaller, and has the lowest likeness figure, 32.9 dB: that is where the saving comes from. The app screenshot and the logo, which were small already, shrank 62 and 49 percent. WebKit produced the same sizes, more slowly: 2.2 seconds against 1.1 for the big picture.

Facts

What changes on the way to WebP.

  • Lossless becomes lossy

    PNG repeats every pixel exactly. The WebP written here approximates them, and the likeness column says how closely.

  • Transparency

    Kept. The transparent background of the logo was still transparent after conversion, in both browsers.

  • Colour and tags

    Colour is converted to sRGB. Metadata, including location, is not written.

  • Animated GIFs

    Only the first frame is converted. WebP animation is not produced.

Good to know

When WebP beats PNG, and when it does not.

PNG is lossless. The WebP made here is lossy, so the right choice depends on what is in the image.

  • Photos and artwork

    For a photo saved as PNG, WebP is a large saving. Artwork with gradients and soft shading shrinks well. Transparent corners and soft shadows are kept.

  • Screenshots and text

    Sharp text, thin lines and flat colours can look slightly fuzzy in lossy WebP, especially at low quality. For a UI screenshot with small text, stay at 90 percent and above, or keep it as PNG. Check one image before converting a folder.

  • Where WebP works

    Every current browser shows WebP, so it suits web pages and apps you control. Some older programs, upload forms and email clients still do not accept it. If a site rejects the file, convert to JPG or PNG instead.

  • What else changes

    Colour is converted to sRGB, and metadata, including location, is not written. A 12-megapixel picture took 1.1 seconds in Chrome. Animated GIFs convert their first frame only; WebP animation is not produced.

  • How much smaller

    It depends on the picture more than on the format. Our smooth gradient, 423 kB as a PNG, became 64 kB. The detailed photograph kept more of its weight, but the PNG was so large that the WebP is still 20.7 times smaller.

    Flat graphics, logos and screenshots shrink a lot but are also where lossy artefacts show first, so look at one result before converting a whole folder.

If something goes wrong

When it does not work.

The usual problems come from what is being converted, not from the converter.

  • Text in a screenshot looks fuzzy

    Why: Lossy compression smooths hard edges first, and small text is made of hard edges.

    What to do: Choose Best (95 percent) in Custom, or keep the PNG. Check one image before converting a folder.

  • A site refuses the WebP file

    Why: Some upload forms, email clients and older programs accept only JPG and PNG.

    What to do: Convert to JPG when the picture has no transparency, or keep the PNG.

  • The file name ends in -8000px

    Why: The picture is larger than the browser can hold in one piece, so it was scaled down and the name says so.

    What to do: Crop or split the picture first if you need every pixel.

Questions