Base64 to Image
Convert Base64 strings back to images
Base64 string
Try these examples
File information
- Size
- 0 B
- MIME type
- —
- Format
- —
- Dimensions
- —
Supported formats
- Data URI format: data:image/png;base64,iVBORw0KGgo…
- Raw and URL-safe Base64: detects PNG, JPG, GIF, WebP, BMP, ICO, AVIF and SVG bytes
- Data URI MIME types are retained; visual preview depends on browser support
- Downloads preserve the original decoded image bytes without recompression
Image preview
Enter a valid Base64 string to see the image preview.
0 characters
Enter a valid Base64 string to see the image preview.
About Base64 to Image Decoder
Our free Base64 to image decoder converts Base64-encoded strings back into viewable, downloadable image files. Paste a data URI copied from an HTML document, a Base64 string from an API response, or an image field exported from a database, and the tool renders the image and reports its format details.
Base64 encoding represents binary data (like images) as ASCII text using a set of 64 characters. This encoding is commonly used to embed images directly in HTML, CSS, JSON responses, and email messages. Our decoder reverses this process, taking the Base64 text and reconstructing the original image for preview and download.
The tool supports both full data URI format (data:image/png;base64,...) and raw Base64 strings without headers. It automatically detects the image format from the MIME type, displays file information including estimated size, and lets you download the decoded image in its original format -- all without uploading any data to a server.
Key Features
- Decode Base64 strings to viewable images instantly
- Support for both data URI format and raw Base64 input
- Automatic MIME type and image format detection
- All major formats supported: PNG, JPG, GIF, WebP, SVG, BMP
- Live image preview with actual rendered output
- Estimated file size calculation for the decoded image
- One-click download of decoded images in original format
- Paste from clipboard button for quick input
- Built-in example templates to test the tool
- Your data is never uploaded, so it stays private
How to Use the Base64 to Image Decoder
- Paste your Base64 string: Enter the Base64-encoded text into the input area. You can type, paste manually, or use the Paste button to read from your clipboard.
- Automatic decoding: The tool immediately attempts to decode the string and render the image in the preview panel on the right.
- Review image details: Check the Image Information panel for format, MIME type, and estimated file size.
- Download the image: Click the Download button to save the decoded image to your device in its original format.
- Try examples: Click the example buttons to load sample Base64 strings and see how the decoder processes different image types.
Use Cases
- Extracting Embedded Images: Decode data URIs found in HTML source code, CSS stylesheets, or Markdown documents to view and save the original images.
- API Development: Preview images returned as Base64 strings in API responses before integrating them into your application.
- Email Debugging: Extract and view inline images from HTML email source code that use Base64-encoded data URIs.
- Database Recovery: Decode image data stored as Base64 text in database fields to verify contents or recover image files.
- Frontend Debugging: Verify that Base64-encoded images in your code render correctly by previewing them outside of your application context.
- Security Analysis: Examine Base64-encoded image payloads in network traffic, logs, or suspicious files to inspect their visual content.
- Content Migration: Convert embedded Base64 images back to standalone files when migrating content between platforms or CMS systems.
Frequently Asked Questions
What is a Base64-encoded image?
A Base64-encoded image is the binary data of an image file converted into a text string using the Base64 alphabet (A-Z, a-z, 0-9, +, /). This allows images to be embedded directly in text-based formats like HTML, CSS, and JSON without requiring separate image files.
What is a data URI?
A data URI is a scheme that allows you to include data inline in web pages. For images, it follows the format data:image/[format];base64,[encoded-data]. The MIME type tells the browser what kind of image to expect.
What image formats are supported?
The decoder detects PNG, JPEG, GIF, WebP, SVG, BMP, ICO and AVIF from raw image bytes. A data URI supplies its own MIME type. Visual preview depends on browser support; data URI downloads preserve the decoded bytes even when a preview is unavailable.
Why is my Base64 string not decoding?
Common issues include incomplete Base64 strings (truncated during copy), incorrect data URI format, non-image MIME types, or corrupted encoding. Ensure you copy the complete string including the data:image prefix if present.
Tips & Best Practices
- Include the data URI header: For best results, paste the complete data URI including the data:image/[format];base64, prefix so the tool can detect the correct image format.
- Use the paste button: The Paste button reads directly from your clipboard, which is faster and less error-prone than manual pasting for long Base64 strings.
- Check the estimated size: The Image Information panel shows the decoded byte size and, when the browser can preview the image, its intrinsic dimensions. File size alone cannot determine image width or height.
- Try the examples first: Use the built-in examples to familiarize yourself with the tool before decoding your own Base64 data.
- Download for verification: Download the decoded image and open it in an image editor to verify quality, dimensions, and color accuracy.