Runs in your browser. Your files and text never leave your device - nothing is uploaded.
Convert PNG to WebP Online, Free
The Tools Kit's free PNG to WebP converter turns a .png file into a .webp image right in your browser. Add a PNG, click Convert Image, and download a WebP with the same width, height and transparency as the original, usually at a noticeably smaller file size. There is no signup, no watermark, and the image never leaves your device.
Under the hood, the converter draws your PNG onto an HTML canvas and exports it as lossy WebP at 92% quality: high enough that the result looks practically identical to the PNG, while letting the WebP encoder drop data a lossless PNG has to keep.
How to Convert PNG to WebP
- 1
Add your PNG image
Click the upload area or drag a .png file onto it. The image loads in your browser and a preview appears; nothing is uploaded to a server.
- 2
Keep WebP selected
WebP is already chosen under "Convert to". You can switch to JPG or PNG with the buttons if you need a different format instead.
- 3
Click Convert Image
The PNG is redrawn on a canvas at its original width and height and re-encoded as WebP at 92% quality, with any transparency kept.
- 4
Download the WebP file
Check the converted preview, then click Download. The file keeps your original name with a .webp extension.
The widget is the same engine as the image format converter, opened with WebP preselected, so the JPG and PNG buttons are there if you change your mind.
PNG vs WebP: Why Convert?
PNG compresses losslessly, which is ideal for editing and archiving but often heavier than a web page needs, especially for photos and screenshots with gradients. WebP was designed for the web: it supports lossy and lossless compression, transparency and animation, and every current major browser displays it. Swapping large PNGs for WebP reduces page weight and helps images load faster, which is why page-speed audits frequently recommend serving images in a modern format.
The saving depends on the image. A photo or detailed screenshot stored as PNG typically shrinks a lot as lossy WebP, while a tiny flat icon with a handful of colors may change very little. If the WebP is still too heavy, run it through the image compressor to trade a little more quality for size, or reduce its pixel dimensions with the image resizer (it outputs JPG, so use it only for images without transparency).
Does PNG to WebP Keep Transparency?
Yes. WebP has a full alpha channel, and this converter does not paint any background behind WebP output, so transparent and semi-transparent pixels in a logo, icon or product cut-out come through intact. That is the key difference from a PNG to JPG conversion: JPG has no transparency, so the tool fills transparent areas with white when you pick JPG.
If you later need a PNG again, for an editor or a platform that rejects WebP, the WebP to PNG converter reverses the process and also keeps transparency.
Quality, Metadata and Browser Support
- Fixed 92% quality: output is lossy WebP at quality 0.92. There is no slider and no lossless WebP mode, so pixel-exact archival copies are better kept as PNG.
- Same dimensions: the canvas matches the PNG's pixel width and height exactly; nothing is scaled or cropped.
- No metadata carried over: canvas re-encoding writes pixels only, so text chunks and EXIF data in the PNG are not copied. To strip metadata from a JPG without changing its format, use the EXIF remover.
- Still images only: an animated PNG becomes a single still frame.
- Browser-dependent encoding: WebP export from a canvas works in Chrome, Edge and Firefox. A browser that cannot encode WebP (Safari has historically been one) falls back to PNG data, so use one of those browsers for a true .webp file.
Common uses
- Shrinking PNG screenshots and hero images before uploading them to a website or CMS
- Converting a transparent PNG logo or icon to WebP for faster page loads
- Preparing product cut-outs with transparent backgrounds for an online store
- Fixing "serve images in next-gen formats" suggestions from page-speed audits
- Converting private or unreleased graphics without uploading them to a third-party server
Working with photos instead of graphics? The JPG to WebP converter does the same job for JPEG files, and the full set of editors and converters is on the image tools page.
PNG and WebP terms explained
| Term | What it means here |
|---|---|
| PNG | Portable Network Graphics, a lossless image format that supports transparency; common for screenshots, logos and graphics |
| WebP | An image format developed by Google that supports both lossy and lossless compression, plus transparency and animation |
| Lossless compression | Shrinks a file without discarding any pixel data, so the decoded image is identical to the original |
| Lossy compression | Shrinks a file further by discarding detail the eye is unlikely to notice; this converter uses lossy WebP at 92% quality |
| Quality setting | A 0-1 value passed to the encoder; higher keeps more detail and produces a larger file. This tool uses a fixed 0.92 |
| Alpha channel | The per-pixel transparency data in an image; WebP keeps it, while JPG has no alpha channel at all |
| Canvas API | The browser drawing surface this tool uses to decode the PNG and export it as WebP, entirely on your device |
Frequently Asked Questions
Add your PNG to the upload area, keep WebP selected under "Convert to", click Convert Image, then click Download. The conversion runs in your browser and saves a .webp file with the same name as your PNG.
Yes. It is free to use with no signup, no watermark and no daily limit. You convert one image at a time, as many times as you like.
No. The PNG is decoded and re-encoded with your browser’s canvas, on your own device. The file is never sent to The Tools Kit or anyone else, which makes it suitable for private or unreleased images.
Yes. WebP supports an alpha channel, and the converter does not paint a background behind WebP output, so a logo or icon with a transparent background stays transparent. Only the JPG option fills transparent areas with white.
The converter produces lossy WebP at a fixed quality of 0.92 (92%). That high setting keeps the image visually very close to the PNG while usually shrinking the file. There is no lossless WebP option or quality slider.
It depends on the image. Photos and gradient-heavy images saved as PNG often shrink dramatically when converted to lossy WebP, while small, flat graphics with few colors may only shrink a little. Compare the downloaded file size with the original to see the saving for your image.
No. The canvas is set to the PNG’s exact pixel width and height, so the WebP has the same dimensions. To change the dimensions, use the image resizer, but note that it saves a JPG, so any transparency is lost; for a transparent PNG, keep the original size.
The WebP encoding is done by your browser. Chrome, Edge and Firefox can export WebP from a canvas; a browser that cannot (Safari has historically been one) silently falls back to PNG data. If that happens, run the conversion in Chrome, Edge or Firefox.
No. The canvas draws a single frame, so an animated PNG (APNG) becomes a still WebP of the first frame. Animation is not carried over.
No. Re-encoding through a canvas writes only the pixels, so text chunks, EXIF data and other metadata embedded in the PNG are not copied into the WebP.
Not in a single batch. The tool handles one image at a time: convert and download one file, click Clear, then add the next.
All current versions of Chrome, Edge, Firefox, Safari and Opera display WebP. Very old browsers such as Internet Explorer cannot, so sites that must support them serve a PNG or JPG fallback.
Reviewed by Raja Jahangir · Last reviewed: October 7, 2026
How do you convert PNG to WebP?
To convert a PNG to WebP, upload the .png file, keep WebP selected as the target, click Convert Image, and download the .webp. The image is re-encoded in the browser as lossy WebP at 92% quality, which often cuts a PNG’s file size by more than half while keeping transparency intact. The file never leaves your device.
Does WebP support transparency like PNG?
Yes. WebP supports an alpha channel in both its lossy and lossless modes, so a PNG logo with a transparent background keeps that transparency after conversion. Lossy WebP with alpha is usually a fraction of the PNG’s size. The exceptions are very old browsers, such as Internet Explorer, which cannot display WebP at all.