Base64 to Image Converter
Turn a Base64 string or data URI back into a real image. Paste the text, click convert, and preview the picture, then download it as a file. The decoding happens in your browser, so nothing is uploaded.
About decoding Base64 images
What does this tool do?
A Base64 image is a picture stored as plain text, usually as a data URI that starts with 'data:image/...;base64,'. This tool reads that text and turns it back into a real image you can see and save. Paste a full data URI or a bare Base64 string, and it decodes the picture in your browser. It is the reverse of encoding an image to Base64, so it is useful whenever you have the text and need the file back.
Why use our Base64 to image converter
- ·Free. No signup, no paywall, no limits.
- ·Runs in your browser. Nothing you paste is uploaded or saved.
- ·Live preview. See the image right away, with a checkerboard for transparency.
- ·Download as a file. Save it with the right extension for its type.
- ·Flexible input. Full data URI or bare Base64, wrapped or not.
How to use it
- 1
Paste your Base64
Paste a full data URI that starts with 'data:image/...;base64,' or a bare Base64 string of an image into the box. Line breaks and spaces are fine, so you can drop in wrapped Base64 as is.
- 2
Convert to an image
Click Convert to image. The tool decodes the string in your browser and draws the picture right below, on a checkerboard so you can see transparent areas clearly.
- 3
Check the preview
Look at the image and its details, like the file type and size. If the string was not valid image data, a short message tells you so instead of showing a broken picture.
- 4
Download or copy
Download the image as a real file, named with the right extension for its type. You can also copy the full data URI if you would rather paste it somewhere else.
Who this tool is for
Anyone who has a Base64 string and needs the image back can use this. These are the people who use it most:
- ·Web developers. Pull an image back out of a data URI you found in CSS, HTML, or a bundle, so you can save it as a real file and work with it.
- ·People debugging APIs. Turn a Base64 image field from a JSON response or a log into a picture you can actually look at, without writing a script to decode it.
- ·Designers and content editors. Someone sent you a Base64 string instead of a file? Paste it in, preview it, and download the image to use like any other.
- ·Anyone checking a string. Not sure what an unlabeled Base64 blob is? Paste it here to see whether it decodes to an image and what it looks like.
Frequently asked questions
- How do I convert Base64 to an image?
- Paste your Base64 string or data URI into the box and click Convert to image. The tool decodes it in your browser and shows the picture. Then download it as a file or copy the data URI.
- What input does it accept?
- Both a full data URI that starts with something like 'data:image/png;base64,' and a bare Base64 string with no prefix. When there is no prefix, the tool defaults to PNG. Spaces and line breaks in the input are ignored, so wrapped Base64 works too.
- Which image formats can it decode?
- Any image your browser can draw, including PNG, JPG, GIF, SVG, WebP, BMP, and ICO. The download keeps the right file extension based on the type named in the data URI.
- Why does it say the data is not valid?
- That message means the text is not valid Base64, or it decodes to something that is not an image. Check that you copied the whole string, that no characters are missing, and that it really is image data rather than some other kind of file.
- Do I need the data URI prefix?
- No. If your string already starts with 'data:image/...;base64,' the tool reads the type from it. If it is a bare Base64 string, paste it as is and the tool assumes PNG, which is fine for a quick preview. For an exact type, include the prefix.
- Are my images private?
- Yes. The decoding and preview happen entirely in your browser, so nothing you paste is uploaded to a server or saved. Once the page has loaded you can even use it offline.