Base64 to Image
Base64 to Image — ブラウザで動作します。入力は保存されません。
Base64 → 画像
値を入力してから「計算する」を押してください。
プレビュー
貼り付けた値はブラウザ内でのみデコードされます。サーバーにはアップロードされません。
使い方
- Base64またはdata URL欄に
data:image/png;base64,...全体または純粋なBase64だけを貼ります。 - プレビューを押します。純粋なBase64ならPNGと仮定したdata URLを作り
imgに入れます。 - 画像が開くと案内が出てダウンロードが有効になります。MIMEに応じて拡張子（png、jpg、svgなど）が決まります。
- 壊れた文字列ならプレビュー失敗の案内が出て、ダウンロードは無効です。
- リセットで入力・プレビューを消します。ファイルはサーバーにアップロードされません。
- メール・JSONで改行が混じったBase64も、純粋な文字列なら空白を除いて試します。プレビューが開く前はダウンロードは無効です。機微な画像はこのタブでだけデコードしてください。
ポイント
Base64画像はバイナリをテキストにしてHTML・CSS・JSON・メール本文に入れる方式です。接頭がdata:image/…;base64,ならそのMIMEをそのまま使い、純粋なBase64だけならPNGと仮定したdata URLを作ります。空白と改行は純粋文字列から除くので、複数行に分けたペイロードも貼れます。CSSインライン背景や小さなアイコンプレビューをサーバーなしで確認するときにも使います。
プレビューとダウンロードはすべてブラウザーメモリのdata URLで行われ、サーバーにファイルはできません。画像が開くとダウンロードがオンになり、MIMEに応じてpng・jpg・svgなどの拡張子が付きます。壊れたパディングや画像でないデータならプレビューは失敗します。大きな文字列はタブメモリを多く使うので、小さな資産に向きます。機微なスクリーンショットもこのタブを出て送信されません。
例
1×1 PNGの短いBase64を貼ってプレビューを押すと点のような小さな絵が見え、ダウンロードファイル名はimage.pngです。data:image/jpeg;base64,で始まる長い文字列ならJPEGでレンダーされ、保存拡張子はjpgです。SVG data URLもブラウザーが対応していればベクターで見えます。メールで複数行に分けたBase64は貼ったあとプレビューで空白除去がされたか確認すればよいです。失敗案内が出たら原文data URLを再コピーし、等号パディングが切れていないかも必ず確認してください。
関連: 画像 → Base64 · URLエンコーダー · RGB HEX変換
よくある質問
Base64を画像に変換する方法は？
文字列を貼ってプレビューを押します。<code>data:image/</code>で始まらなければPNGと仮定したdata URLを作って表示します。
data URLなしで純粋なBase64だけ入れてもよいですか？
できます。空白・改行を除いたあと前に<code>data:image/png;base64,</code>を付けて<code>img</code>に入れます。
Base64画像ダウンロードの拡張子は？
data URLのMIMEを見ます。jpegはjpg、svg+xmlはsvgです。純粋なBase64だけの場合はpngで保存されます。
画像が見えないときは？
パディング（<code>=</code>）欠落、切れた文字列、画像でないMIME、誤った接頭のことがあります。原本data URLを再コピーしてください。
JPG・GIF・WebPもBase64プレビューできますか？
正しい<code>data:image/…</code>ならブラウザーが対応する形式は表示されます。ダウンロードもそのMIMEに合う拡張子を使います。
Base64画像はサーバーに保存されますか？
いいえ。プレビューとダウンロードリンクはどちらもこのタブメモリのdata URLだけを使い、サーバーディスクには書きません。
最終確認日: 2026-09-04