Base64画像変換

Base64画像変換ツールとは#

base64文字列を、ふたたび画像として表示できる形に戻すツールです。base64文字列またはdata URLを貼り付けると、プレビューパネルに画像が表示され、元の形式のままダウンロードできます。形式はデータから自動で検出されるため、設定は必要ありません。

処理はすべてブラウザ内で行われます。貼り付けた文字列が外部に送信されることはありません。

使い方#

1. 画像のbase64文字列またはdata URLをコピーします。
2. 入力欄に貼り付けます。
3. プレビューを確認し、「ダウンロード」ボタンで画像を保存します。

入力すると自動で処理されるため、変換ボタンはありません。クリアボタンを押すと、入力とプレビューをまとめてリセットできます。

対応形式#

• PNG: スクリーンショットや、透過を含む画像・図版。
• JPEG: 写真やスキャンした画像。
• GIF: アニメーションや簡単な図形。
• WEBP: 圧縮効率の良いWeb画像形式。
• SVG: テキストとして保存されるベクター画像。
• BMP / ICO / AVIF: Windowsのアイコンファイルを含め、こちらにも対応しています。

対応する画像にデコードできない文字列の場合は、プレビューの代わりにエラーメッセージが表示されます。

入力と出力の例#

次のbase64を貼り付けると、小さな青い円の画像が表示されます。

PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI0MCIgZmlsbD0iIzNiODJmNiIvPjwvc3ZnPg==

先頭にdata:image/svg+xml;base64,を付けたdata URLでも、同じように変換できます。

活用シーン#

• HTMLメールやJSON、APIのレスポンスに埋め込まれたbase64画像を取り出す。
• スタイルシートやプロトタイプに使われたdata URLを、画像ファイルに戻す。
• base64文字列が実際に画像を含むかどうかを確認する。
• コードだけが手元にあるときに、ダウンロードできる画像ファイルを得る。

よくある質問#

注意点#