Base64 to Image コンバーター

Base64 文字列や data URI を画像にデコード

入力

Raw Base64とData URI形式をサポート。Ctrl+Enterでデコード。

出力

デコードされた画像がここに表示されます

概要

Base64 to Image コンバーターは、Raw Base64 文字列や完全な data: URI を、ブラウザ内だけで表示・ダウンロード可能な画像に戻します。文字列を貼り付けて「デコード」をクリックすると、data URI のプレフィックスまたはマジックバイトから画像の MIME タイプを検出し、リアルタイムでプレビューを表示し、適切な名前のファイルとして保存できます。

このコンバーターが検出・処理する内容
  • 両方の形式に対応:完全な data:image/...;base64,... URI、またはプレフィックスのない Raw Base64 文字列
  • data URI プレフィックスがない場合、マジックバイト(PNG、JPEG、GIF、WebP、SVG、BMP、ICO、AVIF のシグネチャ)から MIME タイプを推定
  • デコード直後にリアルタイムで画像プレビューを表示し、ダウンロードを確定する前に確認可能
  • 検出された MIME タイプから正しい拡張子を推測し、ワンクリックでダウンロード
  • クリップボード貼り付けボタンに加え、キーボードから手を離さずにデコードできる Ctrl+Enter ショートカット
  • 不正な形式の入力に対して、サイレントな失敗ではなく明確で具体的なエラーメッセージを表示
Base64 を画像に変換する場面
  • JSON API レスポンスや保存済みの設定ファイルに埋め込まれた Base64 文字列から、表示可能な画像を復元する
  • デバッグ中に、CSS の background-image や HTML の <img src="data:..."> の裏にある画像を抽出して確認する
  • Base64 ペイロードを他のサービスへ送信する前に、それが有効で正しくレンダリングされることを検証する
  • ブラウザの DevTools やデータベースのカラムからコピーした data URI を、ダウンロード可能なファイルに変換する
  • バグ報告やサポートチケットを確認する際、Base64 エンコードされたスクリーンショットやアセットの実際の見た目をチェックする
Base64 を画像に変換する方法
  1. 1.Raw Base64 文字列または完全な data: URI を入力ボックスに貼り付けるか、「貼り付け」ボタンでクリップボードから読み込みます
  2. 2.「デコード」をクリックするか、Ctrl+Enter(Mac では Cmd+Enter)を押します
  3. 3.右側でリアルタイムプレビューと検出された MIME タイプを確認します
  4. 4.「ダウンロード」をクリックして、正しい拡張子でデコードされた画像を保存します
知っておくべきエッジケース
  • パディングの誤り、無効な文字、コピー&ペースト時の切り詰めなど、形式が不正な入力に対しては、壊れた画像ではなく明確な「無効な Base64 文字列」エラーが表示されます
  • data: URI プレフィックスがない場合、MIME タイプはデコードされた最初の数バイトから推測されます。切り詰められた、または特殊なペイロードでは検出に失敗することがあります
  • 非常に長い Base64 文字列(数メガバイトの画像)では、入力欄への入力や貼り付けの際に動作が重く感じられることがあります
  • プライバシー保護のため、ブラウザがプログラムによるクリップボード読み取りをブロックする場合があります。「貼り付け」が機能しない場合は、Ctrl+V/Cmd+V で手動貼り付けしてください
制限事項
  • 一度に1つの文字列のみをデコードします。バッチ/一括デコードモードはありません
  • このツールは MIME シグネチャと Base64 構文を検証しますが、切り詰められたり破損したペイロードを修復することはできません
  • テキストとして貼り付けられた非常に大きな画像は、ブラウザのメモリや編集パフォーマンスの快適な範囲を超える場合があります
逆方向の変換が必要ですか?

実際の画像ファイルから始めて、HTML、CSS、JSON ペイロードに埋め込む Base64 文字列や data URI が必要な場合は、Image to Base64 コンバーターをご利用ください。ドラッグ&ドロップによるバッチエンコードと複数の出力形式に対応しています。