Base64画像デコーダーとは？

Base64エンコードされた文字列を閲覧・ダウンロード可能な画像に戻すデコーダーです。PNG・JPEG・GIF・WebP・AVIF・BMP・ICO・SVGなどすべての一般的な画像形式に対応しています。

data URI 接頭辞の有無を問わず Base64 文字列を貼り付ければ、デコーダはバイト列から自動で形式を判別します(PNG、JPEG、GIF、WebP、AVIF、BMP、ICO、SVG に対応)。プレビューと並べて、寸法、バイト数、検出された形式、入力文字数を表示するので、保存やコピーの前に内容を確認できます。

使い方

1. Base64エンコードされた画像文字列（データURIプレフィックスの有無を問わず）を入力欄に貼り付けます。
2. デコードされた画像が寸法・形式・ファイルサイズなどの詳細情報とともに即座に表示されます。
3. デコードされた画像ファイルをダウンロードするか、クリップボードにコピーしてプロジェクトで使用します。

使用するタイミング

• API が返した Base64 画像が、期待した画像にちゃんと復号されるかを検証する。
• HTML や CSS に埋め込まれた data URI を抜き出し、実ファイルの PNG として保存する。
• チャットやログに Base64 で貼り付けられたスクリーンショットを、開ける画像に戻す。

結果

開発者がAPIレスポンスでBase64エンコードされたPNGスクリーンショットを受け取った際、文字列を貼り付けて視覚的に確認し、バグレポート用の画像ファイルをダウンロードします。

よくある質問

入力時に data:image/...;base64, の接頭辞は必ず付ける必要がありますか?

不要です。デコーダは Base64 本体だけでも、完全な data URI でも受け付けます。本体だけ貼ると、復号後の先頭バイト(PNG は 89 50 4E 47、JPEG は FF D8 FF)を見て形式を自動判定します。

見た目には正しいのに「無効な Base64」と表示されるのはなぜ?

見落としがちな原因が三つあります。ペイロードに紛れ込んだ余計な空白、HTML エンティティ化された改行、ワードプロセッサからコピーした波打った引用符、あるいは data URI プレフィックスが余計な引用符に包まれているケースです。さらに URL-safe 形式(JWT などで使われる「-」「_」を用いた表記)は自動で標準形に変換するので、手作業での置換は不要になりました。本文の先頭文字より前の文字をすべて削り、コピーした文字がスマートクォートではなく素の ASCII であることを確認してください。

背景が透明な PNG も正しく表示できますか?

可能です。プレビュー領域は中立色背景なので、透明ピクセルは白く塗り潰されず透明のまま表示されます。ダウンロードしたファイルはアルファチャンネルを含めて元の PNG と完全に同じバイト列です。

オリジナルと比べてプレビューがぼやけて見えるのはなぜ?

プレビューはコンテナの幅に合わせて縮小していますが、内部では実ピクセル寸法でデコードしておりその数値はプレビュー横に表示されます。フル解像度を確認したいときはファイルをダウンロードして画像ビューワで開いてください。

貼り付ける Base64 文字列に長さ制限はありますか?

ページが快適に扱えるのはおよそテキスト 25 MB、バイナリ画像にして 18 MB ほどです。それ以上だとブラウザがメモリ内デコードで詰まり始めます。4K スクリーンショットや複数ページ PDF などは直接ファイルとして処理するほうが安定します。

関連ツール