How do I convert base64 back to an image?

Paste your base64 string into the input box. The tool decodes it in your browser, detects the image format (from the data: prefix or by sniffing the decoded bytes), shows a live preview with dimensions and file size, and then a single click downloads the resulting image file. Full data URLs (data:image/png;base64,...) and raw base64 both work.

What formats can I decode?

Anything the browser can render plus formats with detectable magic bytes: PNG, JPG/JPEG, GIF, WEBP, AVIF, HEIC/HEIF, and SVG. The data: prefix takes precedence; if no prefix is present, the decoder sniffs the first 12 bytes of the decoded blob to identify the format and picks the right file extension automatically.

Do I need the data: prefix?

No. The tool handles both forms. If the input starts with data:image/png;base64, (or any other MIME type) the prefix is used to determine the file extension and the MIME stamp on the downloaded file. If the input is just raw base64 (no prefix), the decoder analyzes the first few bytes of the decoded data to detect the format and applies the correct extension.

How does the auto-detection work?

Every image format starts with a known byte signature - PNG begins with 89 50 4E 47, JPG with FF D8 FF, GIF with 47 49 46, WEBP with RIFF...WEBP, AVIF and HEIC use the ISO BMFF container with a 4-byte brand at offset 4-8, and SVG starts with <?xml or <svg. The decoder reads the first 16 bytes of the decoded blob and matches against these signatures - if no match is found, the file downloads as .bin.

Is my base64 input uploaded to a server?

No. The decoder runs entirely in your browser - the base64 string is decoded with the browser's Fetch API on a data URL, the resulting Blob is held in memory, and the download is initiated locally. Nothing is sent over the network. Open DevTools Network tab to verify, or disconnect from the internet after the page loads.

What's the maximum base64 size I can decode?

There's no hard cap; the limit is your browser's memory. A 10 MB image expands to roughly 13.3 MB of base64, which all modern browsers handle without trouble. Very large strings (hundreds of MB) may be slow to paste and parse. For embedding in real applications, base64 is best reserved for small images under a few hundred KB.

Why does my decoded file look corrupted?

The most common cause is a truncated or padded-incorrectly base64 string. Base64 must be a multiple of 4 characters (padded with '=' if needed). Whitespace and newlines inside the string are fine - the tool strips them before decoding - but missing characters at the end will produce a partial file. Also check that the data: prefix matches the actual content; a string labeled data:image/png that contains JPG bytes will download with the wrong extension.

Browser only - 100% private

Base64 to Image Converter

Q: Is my base64 input uploaded to a server?

No. The decoder runs entirely in your browser - the base64 string is decoded with the browser's Fetch API on a data URL, the resulting Blob is held in memory, and the download is initiated locally. Nothing is sent over the network. Open DevTools Network tab to verify, or disconnect from the internet after the page loads.

Q: What's the maximum base64 size I can decode?

There's no hard cap; the limit is your browser's memory. A 10 MB image expands to roughly 13.3 MB of base64, which all modern browsers handle without trouble. Very large strings (hundreds of MB) may be slow to paste and parse. For embedding in real applications, base64 is best reserved for small images under a few hundred KB.

Q: Why does my decoded file look corrupted?

The most common cause is a truncated or padded-incorrectly base64 string. Base64 must be a multiple of 4 characters (padded with '=' if needed). Whitespace and newlines inside the string are fine - the tool strips them before decoding - but missing characters at the end will produce a partial file. Also check that the data: prefix matches the actual content; a string labeled data:image/png that contains JPG bytes will download with the wrong extension.

Paste a base64 string or data URL and download the decoded image. Auto-detects PNG, JPG, GIF, WEBP, AVIF, HEIC, and SVG signatures with a live preview before download.

Instant preview Privacy-first No signup

Drag, drop, paste, or browse

JPG, PNG, WEBP, GIF, AVIF, and HEIC up to 50 MB. Paste from clipboard with Ctrl+V.

Batch upload supported

Image ↔ Base64

Encode an image as a base64 data URL, or paste base64 to download an image.

Base64 input

Full data URLs (data:image/...;base64,...) or raw base64 both work. The MIME type is taken from the prefix when present, otherwise auto-detected from the decoded bytes (PNG, JPG, GIF, WEBP, AVIF, HEIC, and SVG signatures are recognized).

Base64 to Image online with ImgShifter

Image to Base64 is two browser-only utilities in one: encode any image as a base64 data URL (with or without the data:image/...;base64, prefix), or paste an existing base64 string to download the decoded image. The encode reads your file with FileReader.readAsDataURL; the decode parses the data URL with the browser's Fetch API and saves the resulting Blob to your downloads folder. No server, no signup, no watermark.

Use base64 inline for small images (under ~3 KB) where avoiding a separate HTTP request is worth the ~33% size penalty: HTML img src, CSS background-image, JSON API payloads, email signatures, self-contained HTML exports. Avoid it for large images and anything used in multiple places - linked URLs cache once across the whole site, while inlined base64 duplicates the bytes everywhere. The data: prefix is required for direct browser rendering; toggle it off for storage backends that handle MIME types separately.

Both directions run entirely on your device. The encode never reaches a server; the decode is a pure Fetch on a data URL, which the browser handles synchronously in memory. Confirm in the Network tab or by going offline after the page loads.

Other ImgShifter tools people use alongside Base64 to Image.

Browser only

Image to Base64

Convert an image to a base64 data URL, or decode a base64 string back to an image file. Useful for inline CSS, JSON payloads, and email signatures.

Browser only

SVG Editor

Edit SVG source live in your browser. Recolor, tweak stroke widths, resize the viewBox, optimize, and export as SVG or PNG.

Browser only

PNG to JPG

Convert transparent PNG images into lightweight JPG files in your browser.

Browser only

Compress

Reduce image file size with a quality slider and instant before/after stats. Powered by jsquash MozJPEG, libwebp, and AVIF encoders.

Frequently asked questions

Short answers for image workflows, privacy, and supported formats.

Base64 to Image Converter

Drag, drop, paste, or browse

Base64 to Image online with ImgShifter

Related tools

Image to Base64

SVG Editor

PNG to JPG

Compress

Frequently asked questions

How do I convert base64 back to an image?

What formats can I decode?

Do I need the data: prefix?

How does the auto-detection work?

Is my base64 input uploaded to a server?

What's the maximum base64 size I can decode?

Why does my decoded file look corrupted?