Base64 画像デコーダー
このツールは、Base64 エンコードされた画像データをブラウザ内でプレビュー可能なファイルに復元します。完全な Data URI と生の Base64 文字列を受け取り、一般的な画像形式を自動検出して、内容をサーバーへ送信せずにデコード結果を確認・ダウンロードできます。
Base64、Data URI、形式検出
Base64 は、バイナリを印字可能な文字で表すエンコード方式で、画像データを JSON、HTML、メール、その他のテキスト中心の経路で扱いやすくします。画像データが Data URI として包まれている場合は MIME タイプがプレフィックスに含まれ、生の Base64 だけが貼り付けられた場合は画像シグネチャ検出にフォールバックします。
- 完全な `data:image/...;base64,...` 入力と、ログ、API、ソースコードからコピーした生の Base64 の両方に対応します。
- 入力に MIME プレフィックスがない場合、PNG、JPG、GIF、WebP、SVG を自動検出します。
- ダウンロード前に実際のブラウザプレビューを表示し、デコード画像が完全で見た目も正しいか確認できます。
- 処理はページ内でローカルに完結するため、Base64 の元データがスクリーンショット、添付ファイル、社内素材を含む場合に便利です。
このツールの使い方
- Base64 から画像 に代表的な入力を用意し、最初から最大または最も機密性の高い本番データを使わないようにします。
- ツールを実行し、結果の形、構文、次の工程で必要な確認点を見直します。
- 出力が次の編集、実行、公開、共有の流れに合っていることを確認してからコピーまたはダウンロードします。
Base64 から画像への例
典型的な流れは、代表的な Base64 サンプルを貼り付け、プレビューが正しいことを確認してから、結果をダウンロードまたは後続工程へ渡すことです。
入力例
data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==
期待される出力
1×1 PNG 画像をプレビューし、デコード済みファイルを `decoded-image.png` としてダウンロードします。よくある利用シーン
Base64 から画像へのデコードは、画像がテキストとしてしか存在しない調査や抽出の流れでよく使われます。
- API デバッグ: 簡単なスクリプトを書かずに、JSON payload 内の画像フィールドをプレビューできます。
- メールと添付ファイルの復元: メールソースやエクスポートログからコピーしたインライン画像ブロックをデコードします。
- フロントエンド確認: HTML や CSS の Data URI スニペットから小さなアイコンや背景を取り出します。
- スクリーンショット確認: ブラウザ自動化、テストフレームワーク、監視ツールが生成した Base64 スナップショットをデコードします。
実用上の注意
- このツールは画像データの復元とプレビュー用であり、画像サイズの削減や画質変更を目的としていません。
- 非常に大きな Base64 文字列を貼り付けてもページはローカルで動作しますが、payload サイズに応じてブラウザのメモリ使用量も増えます。
- 画像データが共有端末やチケットシステムから来た場合は、誤露出を減らすため使用後にワークスペースをクリアしてください。
データサイズと形式のメモ
Base64 は通常、元の 3 バイトが 4 つのエンコード文字になるため、payload が約 3 分の 1 増えます。インライン素材やテキスト伝送では許容できることもありますが、大きな画像をコピーする場合は意識しておく必要があります。
- 一般的な式は `encoded length = ceil(original bytes / 3) × 4` で、100 KB の画像は約 133 KB の Base64 テキストになります。
- 一般的な Data URI プレフィックスには、PNG、JPEG、GIF、WebP、SVG の形式があります。
- 元データに完全な Data URI が含まれている場合、後続ツールで元の MIME タイプを保持したいときはプレフィックスを残してください。
- 入力が実際の画像として認識されない場合は、パディング、コピー時の空白、元データが Base64URL や画像以外のバイナリではないか確認してください。
参考資料
FAQ
Base64 から画像 の用途と、入力・出力・結果に関するよくある疑問をまとめています。Base64 文字列や Data URI を、ブラウザ内でそのままプレビュー・ダウンロードできる画像へ復元します。
生の Base64 ではなく完全な Data URI を貼り付けられますか？
はい。`data:image/png;base64,...` のような完全な値をそのまま使え、デコード後ファイルの元の MIME タイプ情報も保持されます。
どの画像形式を自動認識できますか？
入力に Data URI プレフィックスがない場合、ブラウザ側のデコーダーは一般的な PNG、JPG、GIF、WebP、SVG のシグネチャを確認します。
Base64 が元画像よりかなり大きく見えるのはなぜですか？
Base64 は元の 3 バイトを 4 文字で表すため、バイナリデータが約 33% 増えます。これは正常で想定どおりです。
貼り付けた画像データはどこかへアップロードされますか？
いいえ。デコード、プレビュー、ダウンロードの流れはブラウザ内に留まるため、日常的な内部デバッグや抽出作業に適しています。