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.
How to Convert Base64 to an Image
Paste and look — decoding is immediate and happens entirely in the browser.
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
Line breaks, indentation and surrounding quotes are stripped automatically, so copying straight out of formatted source is fine
Check the preview along with the detected format, pixel dimensions and decoded file size
Download the image — the extension comes from the actual bytes, so a mislabelled prefix cannot hand you a broken file
Frequently Asked Questions
その他の画像ツール
画像編集のニーズに応える他の強力なツールをご覧ください
画像圧縮
サイズ縮小
サイズ変更
寸法変更
画像切り抜き
領域を切り取る
形式変換
形式を変更
フォトエディター
写真を編集
画像回転
画像を回転
画像反転
水平/垂直反転
透かしを追加
透かし
枠線追加
画像枠線を追加
角丸
角丸を追加
フィルター
明るさ/コントラスト
顔をぼかす
顔を隠す
モザイク
領域をぼかす
背景削除
背景を削除
画質向上
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