Base64 to Image Converter
Decode a Base64-encoded image back into a real PNG/JPEG/GIF/WebP file instantly in your browser, with a live preview.
What Is a Base64 Image?
A Base64 image is a picture's raw bytes re-encoded as plain text, using the same Base64 alphabet described in our Base64 Encode/Decode tool. It often shows up wrapped in a data: URL, like data:image/png;base64,iVBORw0KGgo..., which lets an image be embedded directly inside HTML, CSS, or a JSON API response instead of being a separate file.
This tool does the opposite: it takes that Base64 text (with or without the data: prefix) and turns it back into a real image file you can preview and download.
Why Convert Base64 Back to an Image?
Base64 image strings are convenient to embed but useless to actually look at or share as a file — you can't open a wall of text in a photo viewer, attach it to an email as a picture, or drop it into a design tool. Decoding it back into a genuine PNG, JPEG, GIF, WebP, or BMP file makes it usable again.
How This Tool Works
Paste a Base64 string or a full data:image/...;base64,... URL into the box below and click Convert. This tool checks the decoded bytes' actual file signature to detect the real image format, then shows a preview and lets you download it as a proper image file. Everything happens in your browser; nothing is uploaded to any server.
Base64 Image Text vs. an Actual Image File
| Feature | Base64 Text | Image File (PNG/JPEG/GIF/WebP) |
|---|---|---|
| Format | Plain text string | Binary file |
| Viewable directly | No — just looks like random characters | Yes, in any image viewer |
| Size | ~33% larger than the original file | Original, smaller size |
| Embeddable in HTML/CSS/JSON | Yes, directly | Needs a separate file reference |
| Shareable as an attachment | No | Yes |
Keep an Image as Base64 When
- It needs to stay embedded inside HTML, CSS, or a JSON payload
- It's small (an icon, a tiny thumbnail) where avoiding an extra HTTP request matters more than the size overhead
Convert Base64 Back to an Image File When
- You need to preview what the encoded data actually looks like
- You want to share, print, or edit it in an image editor
- You're debugging an API response that returned an image as Base64 instead of a binary attachment
Common Scenarios for Converting Base64 to an Image
Debugging an API Response
Some APIs return generated images — a chart, a QR code, a rendered thumbnail — as a Base64 string inside a JSON payload instead of a binary attachment. Pasting that string here lets you see exactly what was generated without writing a script to save it to disk first.
Extracting an Embedded Image from HTML or CSS
Old exports, scraped pages, or inline <img src="data:image/..."> tags sometimes leave you with only the Base64 string and no separate image file. This tool recovers the original file so you can use it elsewhere — like running it through our Image Compressor before re-embedding a smaller version.
Reviewing an Email Attachment Encoded as Base64
Some email systems and webhooks deliver image attachments as raw Base64 text. Decoding it here confirms what the attachment actually contains before you trust or forward it.
Checking What a Base64 String Actually Decodes To
If you're not sure whether a long Base64 string is even an image (versus some other kind of file), this tool will tell you plainly — it only succeeds when the decoded bytes match a real image file signature, and explains when they don't.
Recovering a Screenshot or Icon from a Config File
Some app configs or design tool exports store small icons or previews as inline Base64. Decoding one back to a file lets you open, resize, or reuse it independently of the config it came from.
Other Ways to Convert Base64 to an Image
You can also convert Base64 to an image by saving the string to a text file and decoding it with a command-line tool like base64 -d, or by pasting a full data: URL directly into your browser's address bar to view it. FileCast is useful when you also want a live preview and a ready-to-download file in one step.
Frequently Asked Questions
Is my image data uploaded anywhere?
No. Decoding, previewing, and downloading all happen entirely in your browser — nothing is sent to any server.
Does this work with a full data URL, or just the raw Base64 part?
Both. You can paste a complete data:image/png;base64,... URL, or just the Base64 characters on their own — the tool detects which one you gave it.
What image formats are supported?
PNG, JPEG, GIF, WebP, and BMP. The tool identifies the format by checking the decoded bytes' actual file signature, not by trusting a claimed data: mime type, so it works correctly even if the type label was wrong or missing.
Why did I get an error saying it's not a recognized image format?
That means the decoded bytes don't match any supported image file signature — either the Base64 wasn't image data to begin with, it's a format this tool doesn't support (like SVG, which is text-based XML rather than a binary image), or the string was truncated or corrupted before you pasted it.
Can I convert an image to Base64 too?
That's the reverse direction of what this tool does. It isn't available yet as its own dedicated tool on FileCast — check back, or in the meantime most browsers can do it via a short script using the FileReader API's readAsDataURL method.