Base64 to Image

What it does

Paste any base64-encoded image string — with or without the data:image/...;base64, prefix — and the tool decodes it, shows you a live preview of what the image actually contains, and lets you download it as a file. The reverse of the image-to-base64 tool: useful when you've got a base64 blob from an API response, an email attachment header, a CSS file, an HTML data URL, or a JSON payload, and you need the actual image to inspect, edit, or save.

The decoder accepts every common form of input:

• Full data URL: data:image/png;base64,iVBORw0KGgo…
• Bare base64 (no prefix): iVBORw0KGgo…
• Multi-line base64 (with newlines, common in MIME-encoded email): handled transparently
• URL-safe base64 (- and _ instead of + and /): auto-converted

MIME type is auto-detected from the magic bytes of the decoded data — so even if your input lacks the data-URL prefix, the tool figures out whether it's PNG, JPEG, GIF, WebP, BMP, SVG, or PDF and offers the right download extension. Works entirely in your browser; no upload, no server.

How to use it

1. Paste your base64 string into the input box. Any common form works — full data URL, bare base64, multi-line, URL-safe.
2. The image preview renders immediately if the data is valid. The detected MIME type appears below the preview.
3. Click Download. The file downloads with the correct extension matching the detected format (.png, .jpg, .gif, etc.).
4. If the preview is blank, the input isn't valid base64 image data — check for stray quotes, backslashes, or HTML escapes that might be corrupting the string.
5. For huge base64 (>1 MB encoded), the preview may take a second to render — the browser is decoding several megabytes of data.

When to use this tool

• Inspecting an image embedded in an API response or webhook payload.
• Extracting an image from an email's MIME-encoded attachment when you only have the raw text.
• Decoding a data URL you've copied from a CSS file or inline HTML.
• Verifying that a base64 blob actually contains the image you expected — quick visual sanity check.

When not to use it

• Non-image base64 (PDF, audio, ZIP) — the preview shows blank for those because the canvas can't render them. Use a generic base64-decoder for arbitrary file types.
• Encrypted or scrambled data that just happens to be base64-encoded — decoding base64 is not decryption. You need the encryption key, which is a separate step.
• Base64 that's been further encoded (e.g. URL-percent-encoded) — strip outer encoding layers first.

Common use cases

• Educational use — demonstrating the underlying concept
• Onboarding a colleague who needs the same calculation/conversion
• Verifying a number or output before passing it on
• Quick conversion during a typical workday