Programação
b64
Programming
Base64 to Image
preview and download
Paste a Base64 string (with or without the data:image/ prefix) to preview the image in the browser and download the file. Ideal for verifying API strings, debugging encoded image responses, and recovering assets embedded in source code.
How to use
- 1Paste the image's Base64 string into the input field, with or without the 'data:image/...;base64,' prefix.
- 2The corresponding image is displayed automatically in a preview.
- 3Click 'Download' to save the image as a file to your device.
- 4Use 'Clear' to remove the current string and try another one.
Practical examples
Verify a Base64 string returned by an API
Paste the value received in the API response to visually confirm whether the image matches what you expect before using it in production.
Recover an image embedded in source code
Paste the Base64 string found in a CSS or HTML file to preview and download the original image as a separate file.
Quickly test a data URI before using it in a project
Paste the string with the 'data:image/png;base64,' prefix to confirm it represents the correct image before adding it to your code.
Frequently asked questions
Do I need to include the 'data:image/png;base64,' prefix?
It is not required. The tool accepts both the pure Base64 string and the full data URI prefix.
Which image formats can I recover?
The tool supports any image format encoded in Base64, including PNG, JPG, GIF, WebP, and SVG.
Can I download the resulting image?
Yes. After the preview, there is a button to download the image as a file to your device.