Base64 画像変換 - 無料オンラインツール

Base64文字列をデコードしてJPG・PNG・GIF・WebP画像として即プレビュー・保存。データURIにも対応し、すべてブラウザ内で安全に処理します。

Base64 文字列をこの欄に貼り付けるだけで、その場で画像にデコードしてプレビューを表示します。「data:image/png;base64,」のような data URI プレフィックスが付いていても、エンコード本体だけを貼り付けても自動で判別します。形式(MIME タイプ)・縦横ピクセル数・ファイルサイズも同時に表示され、PNG・JPG・GIF・WebP・BMP・ICO・SVG に対応。デコードはすべてブラウザ内で完結するため、画像がサーバーに送信されることはなく、業務データや個人情報も安全に扱えます。表示した画像はそのままダウンロードして元の形式で保存できます。

Base64 文字列

アップロード

クリア

画像プレビュー

結果はここに表示されます...

コピーダウンロード

表示する画像がありません

プレビューを表示するには有効な Base64 文字列を貼り付けてください

主な機能

多形式対応

JPG、PNG、GIF、WebP、BMP、ICO、SVG 形式に対応。

リアルタイムプレビュー

入力または貼り付け時にデコードされた画像を即座に確認できます。

詳細情報

画像の寸法、ファイルサイズ、MIME タイプを即座に取得します。

安全&クライアントサイド

すべての変換はブラウザ内で行われます。データはサーバーに送信されません。

Base64 を画像に変換する手順

  1. 1

    Base64 文字列を貼り付ける

    エンコードされた文字列を入力欄に貼り付けます。「data:image/...;base64,」プレフィックスの有無は問わず、どちらの形式でもそのまま読み込めます。

  2. 2

    プレビューが自動表示される

    文字列が正しければ、ツールがデータから画像形式を判別し、即座にプレビューを描画します。デコードボタンを押す必要はありません。

  3. 3

    画像の詳細を確認する

    プレビューの横に表示される縦横の寸法・ファイルサイズ・MIME タイプを確認し、目的の画像が正しく復元されたかチェックします。

  4. 4

    画像を保存する

    「ダウンロード」をクリックすると、デコードした画像が元の形式のままお使いの端末に保存されます。

参考資料

  • RFC 2397 — data URL スキームの仕様

    Base64 でエンコードした画像をインラインに埋め込む「data:」URL スキームを定義した IETF の公式仕様です。

  • MDN — Data URL(データ URL)

    data URL の構文や base64 トークンの意味、ブラウザが埋め込み画像をどうデコードするかを日本語でも読める形で解説しています。

関連ツール

よくある質問

Base64 文字列を画像に戻すにはどうすればいいですか?
Base64 文字列を上の入力欄に貼り付けるだけです。ツールが自動でデコードし、プレビューと「ダウンロード」ボタンを表示します。専用ソフトのインストールや会員登録は不要です。
「data:image/png;base64,」のプレフィックスは付けたままでいいですか?
はい、付けたままで問題ありません。data URI プレフィックスが付いた文字列でも、本体のエンコード部分だけでも自動で判別してデコードします。HTML や CSS からコピーしたものをそのまま貼り付けて構いません。
貼り付けた画像はサーバーにアップロードされますか?
いいえ。デコード処理はすべてお使いのブラウザ内(クライアントサイド)で完結し、画像データが外部のサーバーに送信されることはありません。社内資料や個人情報を含む画像でも安心して使えます。
どの画像形式に対応していますか?
PNG・JPG・GIF・WebP・BMP・ICO・SVG に対応しています。形式はデコードしたデータから自動で判別されるため、事前に種類を指定する必要はありません。
デコードした画像はどんなファイル名で保存されますか?
「ダウンロード」をクリックすると、判別された形式に応じた拡張子(.png や .jpg など)を付けて元の画質のまま保存されます。再圧縮や画質の劣化は行いません。
「無効な Base64 画像文字列です」と表示されるのはなぜですか?
文字列の途中で改行や空白が混ざっている、コピーが途中で切れている、画像以外のデータをエンコードしているなどが主な原因です。元の data URI を最初から最後まで欠けなくコピーし直して、もう一度貼り付けてみてください。