Base64 to Image Converter - Free Online Tool
What is a Base64 to image converter?
A Base64 to image converter decodes a Base64 string back into an image file. It supports full data URLs (data:image/...;base64,...) and raw Base64 strings so you can preview and download the decoded image. Decoding runs locally in your browser, so your Base64 input is not uploaded for processing.
How to use the Base64 to image converter
- Paste Base64: Add a full data URL or a raw Base64 string.
- Choose image type (if needed): If you pasted raw Base64, select the expected image type or use auto-detect.
- Download the image: Preview the result and download it as an image file.
Why use this Base64 decoder?
- Recover images from logs and payloads: Turn Base64 back into a real file you can open and inspect.
- Debug data URLs: Confirm a data URL decodes to the image you expect.
- Private decoding: Conversion happens on your device in the browser.
Data URLs and MIME types (quick guide)
If your input starts with data:image/...;base64,, it already includes the MIME type. The decoder uses that type automatically.
If you paste raw Base64, you may need to pick the image type:
- Auto-detect: Best effort for common formats like PNG, JPG, and WebP.
- Manual type: Use this when you know the expected format, or when auto-detect is unsure.
Base64 strings are often wrapped with spaces or line breaks. This tool ignores whitespace, so you can paste the full value as-is.
Use case 1: Verify an API response
If an API returns an image as Base64, decode it to confirm the content is correct before you ship changes.
Use case 2: Fix broken images in HTML or CSS
If a data URL is not rendering, decode it to see whether the Base64 is valid and whether the MIME type matches the actual file.
Use case 3: Extract images from JSON exports
When exports include Base64 image fields, decoding is the fastest way to spot-check and audit the data.
Examples
Basic example (data URL)
Input (truncated):
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAA...
Output: Downloadable PNG image.
Advanced example (raw Base64 with auto-detect)
Input (truncated):
/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxISEhU...
Settings: Image type: Auto-detect (best effort)
Output: Downloadable JPG image (auto-detected).
If decoding fails, check the basics first
Base64 issues are often copy and paste issues. Before you troubleshoot deeper:
- Make sure you copied the entire value (some logs truncate long fields).
- Include the padding
=at the end if it exists. - Remove extra prefixes like
b64:or surrounding quotes, then try again.
Common errors
Invalid Base64 string
If decoding fails, remove spaces and line breaks and make sure the string is complete. Some systems wrap Base64 at fixed widths; paste the entire value.
URL-safe Base64
Some payloads use URL-safe Base64 (- and _ instead of + and /). If your input does not decode, convert it first with the Base64 encoder/decoder.
Wrong image type selected
If you paste raw Base64 and choose the wrong MIME type, the file may download but fail to preview or open. Use Auto-detect for PNG/JPG/WebP, or select the expected type manually.
SVG and other uncommon formats
Auto-detect focuses on common binary image formats. If you are decoding SVG data, choose SVG manually and make sure the Base64 really contains an SVG file.
Tips and proven approaches
- Prefer full data URLs when you have them: Data URLs include the MIME type, which removes guesswork.
- Treat unknown Base64 like an attachment: If the source is untrusted, decode cautiously and do not execute anything you download.
- Pair with JSON tools: If your Base64 lives inside JSON, format it first with the JSON formatter so you can extract the field safely.
Related tools
- Encode images with the image to Base64 converter.
- Convert Base64 text with the Base64 encoder/decoder and clean inputs with the URL encoder/decoder.
- Reduce image size before encoding with the image resizer & compressor.
Privacy and security
Base64 decoding runs locally in your browser. Your data is not uploaded to a server for processing. If the Base64 contains sensitive content, clear the input after downloading the image.