Convert WebP to PNG in your browser
Lossless PNG output with full transparency preserved. All conversion happens in your browser via the Canvas API — no uploads, no signup, no rate limits.
Click to select your WebP files
Multiple files supported. Files never leave your browser.
Quick start
- Step 1
Select your WebP files
Click the upload area or drag and drop one or more WebP files. Multiple files can be selected at once.
- Step 2
Run the conversion
Click the convert button. Each file is processed in your browser via the Canvas API. Transparency is preserved exactly.
- Step 3
Download the PNG output
Click the download button next to each completed file. The PNG carries the same dimensions and full alpha channel as the source WebP.
How WebP-to-PNG conversion works
The conversion is a re-encode, not a re-render. Your browser decodes the WebP file into a bitmap of RGBA pixels (red, green, blue, and alpha for each pixel), then encodes that bitmap as PNG using the Canvas API's built-in encoder. The pixel data between the source and destination is bit-identical — every colour, every transparent edge, every gradient is preserved exactly.
WebP supports both lossy and lossless encoding internally; PNG is always lossless. The conversion direction is therefore safe in one specific sense: the output PNG matches whatever pixels the WebP decoder produced. It does not, however, recover any information the WebP encoder discarded. If the source WebP was a low-quality lossy file, those compression artefacts travel into the PNG. The PNG looks the same as the WebP — just larger on disk and more compatible across tools.
Transparency in particular maps cleanly. Both formats support a full 8-bit alpha channel (256 levels of opacity per pixel), which means anti-aliased edges, drop shadows, gradient masks, and partial transparency all round-trip without loss. This is the main reason teams convert WebP to PNG: the destination tool — a design app, a document, a presentation, an email — expects PNG and the WebP source isn't directly usable.
For full technical detail on each format, see the WebP format overview and the PNG format page. For the broader mode-choice question (lossy vs lossless), see Lossy vs Lossless Compression.
When to convert WebP to PNG
Design tool compatibility
Some older versions of Sketch, certain Adobe Creative Cloud plugins, and legacy print-production tools still don't read WebP. PNG works in everything. Convert when handing assets to a workflow whose tooling you can't control.
Email and newsletters
Most email clients render PNG; WebP support in email clients is patchy. For inline newsletter graphics and attached brand assets, use PNG.
Documents and presentations
Word, PowerPoint, Pages, and Google Docs all handle PNG cleanly. WebP import is inconsistent across versions.
Brand and downloadable assets
When you ship a logo or brand asset for download, recipients expect PNG. Distribute as PNG; keep WebP for your own site delivery.
Cross-platform clipboard
Pasting an image between applications on macOS or Windows uses PNG under the hood. WebP often loses its alpha channel during cross-app paste.
Print production
PNG is widely accepted by print workflows; WebP is rarely supported by commercial print RIPs. For anything heading to a printer, convert to PNG (or TIFF) first.
Quality and file size
The output PNG is always lossless. There are no quality settings to tune — the tool preserves your source pixels exactly. What you should expect is a larger file. Rough relationships for typical content:
| Content type | Source WebP | Output PNG | Ratio |
|---|---|---|---|
| Photograph (lossy WebP q=80) | 150 KB | 450–800 KB | 3–5× |
| Logo (lossless WebP) | 8 KB | 10–12 KB | 1.2–1.5× |
| Product cutout (lossy+alpha WebP) | 85 KB | 500–900 KB | 6–11× |
| Screenshot (lossless WebP) | 120 KB | 160–200 KB | 1.3–1.7× |
The ratio depends on how the source WebP was encoded. Lossy WebP is much smaller than PNG because PNG can't drop the same information; lossless WebP is closer to PNG because both preserve exact pixels. Either way, the round-trip is one-way from "smaller WebP" to "larger PNG" — you can't expect a tiny PNG output from a tiny WebP input.
If file size matters more than PNG compatibility, you may want to keep the WebP source instead. For systematic size guidance, see WebP Optimisation and WebP vs PNG comparison.
Common issues and solutions
The PNG looks pixelated even though the WebP looked fine
The source WebP was almost certainly a lossy encode at low quality. PNG preserves the artefacts exactly. There's no way to undo lossy compression — re-encode from a higher-quality source if you have one.
Output PNG is much larger than the original WebP
Expected. PNG is lossless and uses a less sophisticated compression algorithm. For photographic content, expect 3–5× the WebP size. If size matters, stick with WebP for browser delivery.
Transparency is missing in the converted file
If the source WebP had transparency, it's in the PNG. Some viewers (older versions of macOS Preview, certain Windows image viewers) display PNG transparency as white. Open the file in a tool that supports alpha — Figma, Photoshop, Preview on macOS Big Sur+ — to verify.
The converter shows 'Some files were skipped'
The file isn't a WebP file (the MIME type doesn't match). Check the file extension and ensure it's a real WebP rather than a renamed file. You can confirm via `file image.webp` on macOS/Linux.
Animated WebP only converts the first frame
Correct — PNG doesn't support animation natively. The APNG extension does, but isn't produced by this tool. For animated source content, see WebP to GIF instead.
Conversion is slow on a large file
Very large files (50 MB+) can stress browser memory and Canvas API throughput. Try processing one file at a time, or reduce the source dimensions before conversion.
I get a 'Conversion failed' error
Usually means the source file is corrupted or uses an unusual WebP profile. Re-export from the source application and try again.
Colours look slightly different in the PNG
PNG and WebP both use standard sRGB by default, so colours should match exactly. A visible difference usually means the WebP carried an embedded ICC colour profile that the Canvas API ignores during decode. For colour-critical work, verify with a dedicated image tool.
The download has the wrong file extension
The tool automatically replaces the source extension with .png. If you see a .webp extension on the downloaded file, your browser may have ignored the download attribute — rename manually.
I want to convert PNG back to WebP
Use the reverse direction: PNG to WebP converter. Lossless WebP from PNG produces 20–30% smaller files with the same fidelity.
Frequently asked questions
Related resources
Convert PNG library to WebP for 20–30% smaller files at the same lossless fidelity.
Side-by-side spec table, file size benchmarks, and decision framework for when each format wins.
Container structure, codec details, browser support, and implementation patterns.
Lossless compression, alpha transparency, when PNG remains the right choice in 2026.
Decision framework for choosing the right compression mode for any image.
Encoder settings, responsive delivery, lazy loading, and Core Web Vitals impact for WebP.