Base64 to Image Converter - Decode Data URIs and Save the File

Paste a Base64 string or a data:image URI and get the image back. The real format is read from the decoded bytes, so the download always has the right extension. Decoding runs in your browser.

Paste a string above to decode it. Line breaks, indentation and surrounding quotes are handled for you.

What Base64 to Image Does

This tool takes the text form of an image and gives you the file back. Base64 is a transport encoding: it rewrites arbitrary bytes using only the 64 characters A-Z, a-z, 0-9, plus and slash, so that binary data can travel through places that only accept text. Wrapped in a data URI — the `data:image/png;base64,` prefix followed by the payload — it can sit directly inside an HTML attribute, a CSS url(), a JSON field or an email body. Decoding reverses that mapping exactly, so the bytes you get back are the bytes that went in, down to the EXIF block and the colour profile. Before anything is shown, the tool cleans the input: it finds the payload even when it is buried inside a full `img src="…"` tag or a `background-image: url(…)` declaration, drops the line breaks and indentation that a code formatter added, and strips wrapping quotes. It then identifies the format from the first bytes of the decoded data — the PNG signature 89 50 4E 47, the JPEG marker FF D8 FF, the GIF87a/GIF89a header, the RIFF/WEBP container, the ftyp box of AVIF, or an opening `svg` tag. The MIME type written in the prefix is only a claim: it is ordinary text that a generator can get wrong and anyone can edit, so it is displayed for reference but never used to name the download. Everything happens in the page, on your device; the string is not sent anywhere.

Why You'd Decode Base64 Back to an Image

Inlined images are convenient to ship and awkward to work with. Decoding turns the text back into a file you can open, edit, or attach.

Pull an inlined icon or background out of a stylesheet, a bundled JS file, or the HTML source of an email
See what an unfamiliar data URI in a page, log line, or API response actually contains before you trust it
Turn a Base64 column from a database dump or a JSON payload back into a viewable image
Extract the image from a self-contained HTML page or a generated report that has no separate asset file

How to Convert Base64 to an Image

Paste and look — decoding is immediate and happens entirely in the browser.

1

Paste the string: a full data:image/…;base64, URI, a whole CSS url() declaration or img tag, or bare Base64 with no prefix at all

2

Line breaks, indentation and surrounding quotes are stripped automatically, so copying straight out of formatted source is fine

3

Check the preview along with the detected format, pixel dimensions and decoded file size

4

Download the image — the extension comes from the actual bytes, so a mislabelled prefix cannot hand you a broken file

Frequently Asked Questions

No. Paste it with the prefix or without — both work. The prefix is part of the data URI syntax, not part of the encoded image, so it tells the browser how to interpret the payload that follows. If it is present the tool reads it and shows you what it claimed; if it is missing nothing is lost, because the format is worked out from the decoded bytes either way.
Because the prefix is text, not data. Anyone can type `data:image/jpeg;base64,` in front of PNG bytes, and plenty of generators do it by accident — copying a template, hardcoding a MIME type, or reusing a string after re-exporting the image. Trusting it would save you a file called .jpg that no JPEG decoder can open. This tool reads the leading bytes instead, and when the two disagree it says so and names the file after the bytes.
Almost always an incomplete copy. Long data URIs run to tens of thousands of characters, and a selection that stops at the edge of a viewport, a terminal that wrapped and inserted a backslash, or a diff view that added a leading + on every line all produce strings that cannot decode. Other common causes: HTML entities such as & left in place of &, and the URL-safe variant that uses - and _ instead of + and /, which has to be converted before decoding.
No. Formatters and minifier output routinely wrap long data URIs across lines, and email clients hard-wrap at 76 characters. Whitespace is not part of Base64, so it is removed before decoding. You can also paste the surrounding syntax as-is — a whole `background-image: url("data:…");` declaration, an `img src="…"` tag, or a quoted JSON string — and the payload is extracted from inside it.
None. Base64 is a reversible encoding, not compression and not re-encoding. The decoded bytes are identical to the file that was originally encoded, including EXIF metadata, ICC colour profile and any embedded thumbnail. If the result looks worse than you expected, the loss happened before encoding — for example the image was saved as a low-quality JPEG or resized down first.
Yes. SVG has no binary signature because it is XML, so it is identified by its markup: the decoded text has to open with a tag and contain an `svg` element near the start, past any XML declaration or comment. It downloads as .svg and can be opened in a text editor. Worth knowing for the other direction: SVG is already text, so encoding it as Base64 only adds about a third to its size for nothing.
PNG, JPEG, GIF, WebP, AVIF, BMP, ICO and SVG, each from its own signature at the start of the file. If the Base64 decodes cleanly but matches none of them you will see a clear message rather than a download — that usually means the payload is a PDF, a font, a zip, or plain text that happens to have been Base64 encoded.
No. Decoding is a few lines of JavaScript running in this page: the string stays in the tab's memory, the image preview is a blob URL created locally, and the download is generated on your device. There is no server-side component, no request carrying the payload, and the page keeps working with the network disconnected. That matters here, because pasted data URIs are often screenshots, scans or documents from somewhere private.

その他の画像ツール

画像編集のニーズに応える他の強力なツールをご覧ください

画像圧縮

サイズ縮小

サイズ変更

寸法変更

画像切り抜き

領域を切り取る

形式変換

形式を変更

フォトエディター

写真を編集

画像回転

画像を回転

画像反転

水平/垂直反転

透かしを追加

透かし

枠線追加

画像枠線を追加

角丸

角丸を追加

フィルター

明るさ/コントラスト

顔をぼかす

顔を隠す

モザイク

領域をぼかす

背景削除

背景を削除

画質向上

AI拡大

テキスト追加

画像にテキストを追加

コラージュ

複数の画像を結合

HTMLから画像

Webを画像に

GIF からシーケンス

フレーム抽出

画像の余白を削除

空白の縁を削除

画像を一括リネーム

ファイル名を安全に一括変更

円形切り抜き

画像を円形に切り抜き

白黒

画像をグレースケールに変換

画像分割

画像をグリッドに分割

画像結合

画像を1つに結合

DPI変更

画像のDPIメタデータを設定

画像→Base64

画像をBase64にエンコード

画像をPDFに結合

複数の画像を1つのPDFにまとめる

HEIC→JPG

iPhoneのHEIC写真をJPGに変換

EXIF除去ツール

GPS位置情報を含む写真の隠しメタデータを表示・除去

ファビコン ジェネレーター

完全なアイコンセットとHTML

カラーパレット

画像から色を抽出

HEIC to PNG

Convert iPhone HEIC photos to lossless PNG

Text Behind Image

Put text behind the subject of a photo, entirely in your browser

Color Picker

Get the HEX, RGB and HSL of any pixel

Signature Maker

Draw a signature and download it as a transparent PNG

Signature Background Remover

Ink from paper, on transparency

Transparent Background Maker

Make a background transparent