Base64 to Image Converter

About Base64 to Image

Turns a Base64 string into a picture you can see and save. Paste the value an API returned, or the long text inside a CSS or HTML data URI, and the tool renders a preview immediately so you can tell whether the data is intact.

How to use it

1. Click the Base64 to Image tab, because the page opens on the opposite tab.
2. Paste the string into the Base64 String box. A leading data:image prefix is fine for common formats.
3. Press Decode to Image.
4. Check the Decoded Image card, then press Download Image to save the picture.

A tiny PNG

iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==

A 1 by 1 pixel PNG. The iVBORw0KGgo start tells the tool it is a PNG, and the preview shows a single pixel.

When to use it

• Viewing an avatar, screenshot or captcha that a JSON API delivered as a Base64 field.
• Recovering a picture from an inline data URI buried in a stylesheet or HTML email.
• Testing whether a value saved in a database column was truncated on the way in.
• Pulling a logo out of a template that embeds its artwork instead of linking to it.

Questions about Base64 to Image

How does it know which image format I pasted?

It looks at the first characters. /9j/ means JPEG, iVBORw0KGgo means PNG, R0lGODlh means GIF, UklGR means WebP and PHN2Zz means SVG. Anything unrecognized is treated as PNG.

Should I paste the whole data URI or only the Base64 part?

Only the part after the comma is safest. A prefix is stripped for common formats, but the format check runs on the raw start of your text, and an SVG prefix contains a plus sign the cleaner does not handle.

Why is my downloaded file always called decoded-image.png?

The download name is fixed regardless of format and the bytes are saved untouched. If the image was really a JPEG or GIF, rename the extension yourself.

The preview is blank or broken. What went wrong?

Usually the string was cut off during copying, has stray characters in it, or is not image data at all. A complete value normally ends with one or two equals signs or a full final group.

Is the picture uploaded while it decodes?

No. The preview is built from a data URL inside your browser and nothing is posted anywhere.

Related tools

• Base64 decoderDecode Base64 input to back to string.
• Image to Base64Transform an image input to a Base64 string.
• Base64 encoderEncode any string input to Base64.
• URL decoderDecode URL input to back to a normal string.
• URL encoderEncode any string input to URL format.
• Binary converterConvert text to binary and the other way for any string input.