Base64 to WebP Decoder

How to Use Base64 to WebP Decoder

1. Paste or upload. Drop a .txt file onto the upload area, click “Upload .txt”, or paste the Base64 directly into the textarea. Both raw Base64 and data:image/webp;base64,... data URIs work.
2. Watch the magic-byte detection. The stats line shows detected: webp, detected: png, etc - read from the first 12 bytes after decoding, independent of any declared prefix.
3. Spot declaration mismatches. If the input says data:image/webp;base64,... but the actual bytes are JPEG, you’ll get a warning toast. This catches mislabelled Data URIs that other tools silently accept.
4. Check the dimensions. Once the preview loads, the stats line picks up 1920×1080 (or whatever) from the image’s naturalWidth / naturalHeight - useful for verifying your encoded asset is the size you expected.
5. Copy the image. The Copy button writes the Blob to clipboard via ClipboardItem - paste directly into Google Docs, Figma, Slack, etc. If the browser blocks image clipboard for this format (mostly non-PNG), we fall back to copying the data URI string.
6. Download the file. The Download button names the file by the detected format - if your input was PNG disguised as WebP, you get decoded-….png instead of a broken .webp.
7. Keyboard shortcut: Ctrl+Enter (or Cmd+Enter on Mac) decodes the current input.