WebP Converter
Convert PNG, JPG, and GIF images to WebP format online — or convert WebP back to PNG. Adjust quality, preview results, and download instantly. Free, browser-based, no upload.
- Runs in your browser
- Your data never leaves your browser
- Free · No Sign-Up
Scan with WeChat to share this tool
Examples, details and FAQ Worked examples, how it compares with other tools, and answers to common questions.
Measured Example
To give real numbers, we converted this page’s own 1200×630 social preview image (a PNG of 69,005 bytes, flat colors and text)
in Chrome 152 using the same canvas.toBlob() call the tool makes:
| Output | Size | Change | WebP chunk |
|---|---|---|---|
| WebP, quality 50 | 15,342 B | −77.8% | VP8 (lossy) |
| WebP, quality 85 (default) | 23,234 B | −66.3% | VP8 (lossy) |
| WebP, quality 95 | 36,380 B | −47.3% | VP8 (lossy) |
| WebP, quality 100 | 51,306 B | −25.6% | VP8L (lossless) |
At quality 85 the largest per-channel difference from the source was 61 out of 255, visible as faint ringing around text;
at 100 the decoded pixels were identical to the PNG. Each file also carried a 456-byte ICCP (color profile) chunk
that Chrome adds. A JPEG saved at quality 90 from the same image (50,830 B) became 24,660 B at WebP quality 85. For screenshots and
diagrams, compare quality 100 (lossless) with your PNG before choosing lossy: text edges are where lossy WebP shows first.
What the Result List Shows
Each converted file gets a card with the output name (the last extension is replaced), the original and output sizes (1 KB = 1,024 bytes) and the change. The status line counts successes and failures. With the Chrome 152 sizes from the table above, the card for this page’s preview image at the default quality reads:
webp-converter.webp 67.4 KB → 22.7 KB −66.3%
1 file(s) convertedA mixed batch shows one line per file in the order you dropped them. Below, chart.png is the 66,664-byte text chart
that grew to 102,454 bytes at quality 85 in the WebP guide’s Chrome 152 test, the HEIC
photo is refused because the browser does not report PNG, JPEG or GIF, and notes.png is a text file renamed to .png:
chart.webp 65.1 KB → 100.1 KB +53.7%
IMG_0412.HEIC: Not a supported format (PNG/JPG/GIF)
notes.png: Failed to load image
1 file(s) converted, 2 failedDownload All appears only when at least two files succeed; with one result, use the Download button on its card.
Limits
- Animation is lost. The image is drawn to a canvas once, so an animated GIF becomes a still WebP of its first frame, and an animated WebP becomes a one-frame PNG. To shrink an animated GIF instead, use the GIF compressor.
- Metadata is dropped. EXIF (camera, GPS, date) and XMP are not copied.
- Input types: PNG, JPEG and GIF for the WebP direction, WebP for the PNG direction. Files are checked by the type the browser reports, which MDN says is assumed from the file extension. HEIC, AVIF or BMP is listed as “Not a supported format”; a PNG renamed to .jpg is accepted and converted, and a file that is not an image but has an image extension fails with “Failed to load image”.
- The encoder is your browser’s. Sizes differ between Chrome and Firefox for the same quality. Safari has no WebP encoder for canvas; there the tool reports that WebP cannot be encoded instead of saving a PNG under a .webp name.
- Quality and lossless only. There is no resize, crop, or setting for encoder effort or near-lossless mode. For those, use
cwebpfrom libwebp, for examplecwebp -q 80 in.png -o out.webporcwebp -lossless in.png -o out.webp.
When to Convert Images to WebP
- Web performance: Replace JPEG/PNG assets on websites to reduce page weight and improve Core Web Vitals scores.
- Email campaigns: only after checking that your readers’ mail clients display WebP (support differs between clients); otherwise keep JPEG or PNG for email.
- App development: Use WebP in mobile and web apps to reduce asset bundle size.
- CDN cost reduction: Smaller files mean less egress bandwidth billed by your CDN.
WebP vs JPEG vs PNG
WebP supports both lossy and lossless compression, as well as transparency (like PNG) and animation (like GIF).
Google’s published comparison reports lossless WebP 26% smaller than PNG and
lossy WebP 25–34% smaller than JPEG at equal SSIM. All current major browsers display WebP, so on the web you can usually serve it directly;
use <picture> with a JPEG or PNG fallback only if you must support very old browsers.
FAQ
What is WebP and why should I use it?
WebP is an image format from Google with lossy and lossless modes, transparency and animation. Google's published tests found WebP lossless images 26% smaller than PNG and lossy images 25–34% smaller than JPEG at equal SSIM. Results vary by image, so convert a few representative files and compare.
Is my image uploaded to a server?
No. Each file is read in the page through an object URL and drawn on a canvas; it is not uploaded, and nothing is saved in browser storage. Analytics records only the tool name and a convert action once per batch in which at least one file converts, not file names, sizes or pixels.
What does the Quality slider control?
Quality (0–100) is passed to the browser's WebP encoder. Below 100 the output is lossy; higher values keep more detail and make larger files. In Chrome, 100 switches to lossless WebP: opaque pixels of an sRGB image come back unchanged, but an image with an embedded color profile is converted to sRGB first and semi-transparent edge pixels can shift by one level. For flat graphics, compare the result with the PNG: Chrome's lossless files are often larger than cwebp -lossless. 85, the default, is a reasonable start for photos; lower it until you see artifacts.
Can I convert WebP back to PNG?
Yes. Switch the mode to 'WebP → PNG' and drop your WebP files. PNG is lossless, so the conversion adds no new compression loss, but the image passes through a canvas: an animated WebP keeps only its first frame, an embedded color profile is converted to sRGB, and semi-transparent pixels can shift slightly.
Why is my converted file larger than the original?
Lossy WebP can be larger than a PNG of flat colors and text. In a Chrome 152 test, a 66,664-byte palette PNG chart became 102,454 bytes at quality 85 and 82,628 bytes at quality 100. Lowering the quality does not always fix this; keep the PNG for such images, or try cwebp -lossless (55,210 bytes for the same chart).
How many files can I convert at once?
There is no fixed limit. You can select or drop multiple files and they are processed in parallel; very large images are limited by the browser's canvas size and memory. Download each file individually, or use Download All, which starts one download per file (it does not make a ZIP, and the browser may ask to allow multiple downloads).