Base64 画像 エンコード / デコード

このツールについて

画像を Base64 の data URI に変換し、Base64 文字列を画像としてプレビューします。PNG、JPEG、GIF、WebP、BMP、ICO、SVG に対応し、ファイルシグネチャから形式を判別します。

使い方

1. 「画像を選択…」をクリックするかページにファイルをドロップするか、Base64 または data URI を貼り付けます。
2. プレビュー、形式、サイズを確認します。
3. HTML、CSS、JSON で使う data URI をコピーします。

よくある質問

画像はアップロードされますか?

いいえ。ファイルはブラウザの FileReader API で読み込まれ、デバイスの外に出ることはありません。

data: プレフィックスのない Base64 を貼り付けられますか?

はい。デコードしたバイトから画像の形式を判別し、完全な data URI を組み立てます。

画像を Base64 でインライン化すべきなのはどんなときですか?

小さなアイコンやメールなど、追加のリクエストのコストが大きい場合です。Base64 は元のファイルより約 33% 大きくなるので、大きな画像はファイルのままにしておきましょう。

関連ツール

• Base64 エンコード / デコード – テキストと Base64 を相互変換 (UTF-8)
• SVG → CSS – SVG を CSS 背景用の data URI に変換
• QR コード生成 / 読み取り – QR コードを作成し、画像から読み取る