Base64 to Image
Base64 to Image — runs in your browser. Inputs are not stored.
Base64 → Image
Enter values, then press Calculate.
Preview
Pasted values are decoded only in your browser. Nothing is uploaded to the server.
How to use
- In the Base64 or data URL field, paste a full
data:image/png;base64,...string or pure Base64 only. - Press Preview. For pure Base64, a PNG data URL is assumed and placed in an
img. - When the image opens, a notice appears and Download is enabled. The extension (png, jpg, svg, and so on) follows the MIME type.
- If the string is broken, preview fails and download stays disabled.
- Reset clears input and preview. Files are not uploaded to a server.
- Base64 with line breaks from email or JSON is tried after stripping whitespace if it is otherwise pure. Download stays disabled until preview succeeds. Decode sensitive images only in this tab.
Key concepts
Base64 images put binary data in text for HTML, CSS, JSON, or email bodies. If the prefix is data:image/…;base64,, that MIME type is used as-is; pure Base64 becomes a PNG data URL. Spaces and line breaks are removed from pure strings, so split payloads can be pasted. You can also preview CSS inline backgrounds or small icons without a server.
Preview and download both use an in-memory data URL, so no file is created on a server. When the image opens, download turns on and the extension follows MIME (png, jpg, svg, …). Broken padding or non-image data fails preview. Large strings use a lot of tab memory, so this is best for small assets. Sensitive screenshots also never leave this tab.
Example
Paste a short 1×1 PNG Base64 and press Preview to see a tiny dot; the download name is image.png. A long string starting with data:image/jpeg;base64, renders as JPEG and saves as jpg. SVG data URLs show as vectors if the browser supports them. For Base64 split across lines in email, paste and preview to confirm whitespace was stripped. If you see a failure notice, recopy the original data URL and check whether equals-sign padding was cut off.
Related: image → Base64 · URL encoder · RGB HEX converter
Frequently asked questions
How do I convert Base64 to an image?
Paste the string and press Preview. If it does not start with <code>data:image/</code>, a PNG data URL is assumed and shown.
Can I paste pure Base64 without a data URL?
Yes. After stripping spaces and line breaks, <code>data:image/png;base64,</code> is prepended and placed in an <code>img</code>.
What extension is used for the Base64 image download?
It follows the data URL MIME type. jpeg becomes jpg; svg+xml becomes svg. Pure Base64 is saved as png.
What if the image does not show?
Missing padding (<code>=</code>), a truncated string, a non-image MIME type, or a bad prefix. Recopy the original data URL.
Do JPG, GIF, and WebP Base64 previews work?
A valid <code>data:image/…</code> in a browser-supported format will display. Download uses an extension that matches that MIME type.
Is the Base64 image saved on a server?
No. Preview and the download link use only this tab’s in-memory data URL and do not write to server disk.
Last reviewed: 2026-09-04