What formats can I paste?

The tool accepts: full data URIs (data:image/png;base64,...), raw Base64 strings, CSS background-image values (url("data:...")), and HTML img src attributes. It automatically extracts the Base64 data from CSS and HTML wrappers.

What if my string is truncated?

The decoder requires a complete Base64 string. If the string is truncated, decoding will fail or produce a corrupted image. Make sure you copied the entire value.

What image types can this decode?

Any image type that the browser supports: PNG, JPEG, WebP, GIF, BMP, SVG, ICO. The MIME type is read from the data URI header.

Is there a size limit?

The limit depends on your browser's memory and the JavaScript engine's string length limit. In practice, images under 5 MB (roughly 7 MB of Base64 text) work reliably in all browsers.

What formats can I paste?

The tool accepts: full data URIs (data:image/png;base64,...), raw Base64 strings, CSS background-image values (url("data:...")), and HTML img src attributes. It automatically extracts the Base64 data from CSS and HTML wrappers.

What if my string is truncated?

The decoder requires a complete Base64 string. If the string is truncated, decoding will fail or produce a corrupted image. Make sure you copied the entire value.

What image types can this decode?

Any image type that the browser supports: PNG, JPEG, WebP, GIF, BMP, SVG, ICO. The MIME type is read from the data URI header.

Is there a size limit?

The limit depends on your browser's memory and the JavaScript engine's string length limit. In practice, images under 5 MB (roughly 7 MB of Base64 text) work reliably in all browsers.

Base64 to Image Decoder - Free Online Tool

How to use Base64 to Image

1
Paste your Base64 string
Paste a full data URI (data:image/...;base64,...), raw Base64, or even a CSS url(...) or HTML src="..." containing a Base64 image.
2
Decode the image
Click Decode Image. The tool extracts the Base64 string, decodes it, and shows a preview.
3
Download
Click Download to save the decoded image. The file extension is determined from the MIME type in the data URI.

What Base64 images are and where they come from

Base64 encoding converts binary data - including images - into a plain text string that can be embedded directly in HTML, CSS, or JavaScript. You encounter Base64 images when inspecting a webpage's source and finding an img tag whose src attribute begins with "data:image/", when copying CSS that uses a background-image with an embedded icon, or when working with HTML email templates where images must be self-contained to avoid being blocked by email clients that disable external image loading.

Pasting the raw string into this tool decodes it back to a viewable and downloadable image file. This is useful for extracting original assets from minified code, recovering images from archived HTML files, or simply previewing what a data URI contains before embedding it in a project. To go the other direction and encode an image file as Base64, use the image to Base64 encoder.

Supported input formats

The tool accepts complete data URIs including the "data:image/..." prefix, raw Base64 strings without a prefix, and Base64 values embedded in CSS background-image declarations or HTML src attributes. Paste any of these directly and the tool identifies the format automatically.

Frequently Asked Questions

Related Tools

Image to Base64

Encode any image as a Base64 string for use in HTML, CSS or JSON

Image Metadata

View EXIF metadata from any image - camera model, ISO, shutter speed, GPS and more

Convert to PNG

Convert JPG, WebP, GIF, BMP and SVG images to PNG format with transparency support

Compress Image

Compress JPG, PNG, WebP and GIF images