画像をここにドロップ
クリックして選択 · または貼り付け (Ctrl/Cmd + V)
ブラウザ内で処理 · アップロードなし
画像をドロップ/貼り付けすると Base64 を表示します。
上に Base64 を貼り付けると画像を表示します。
エンコード/デコードはブラウザ内で実行・画像はアップロードされません。
画像ファイルと Base64(data URI)を相互に変換するツールです。「画像 → Base64」モードでは、PNG・JPEG・WebP・GIF・BMP・SVG などの画像をドラッグ&ドロップ(またはクリックで選択・Ctrl/Cmd+V で貼り付け)すると、`data:image/png;base64,iVBORw0KGgo...` のような data URI を生成します。出力形式は4つから選べます。「data URI」はそのまま `src` 属性などに使える完全な文字列、「Base64のみ」は `data:...;base64,` の接頭辞を除いた生の Base64、「CSS」は `background-image: url("...")` の宣言、「HTML <img>」は `<img src="...">` タグの形で出力するので、用途に合わせてコピーするだけで貼り付けられます。変換後は元画像のサイズと Base64 のおおよそのバイト数(Base64 化すると約1.37倍に増えます)も表示されるので、インライン埋め込みが現実的なサイズか判断できます。小さなアイコンやロゴを CSS・HTML・メール・JSON にインライン埋め込みして HTTP リクエストを減らしたいときや、データを1つのテキストにまとめたいときに便利です。「Base64 → 画像」モードでは、`data:` URI でも接頭辞のない素の Base64 文字列でも貼り付けるだけで画像に復元し、プレビュー表示とファイルのダウンロードができます。接頭辞がない場合は先頭バイト(マジックナンバー)から PNG / JPEG / GIF / WebP / BMP / SVG を自動判定して復元します。受け取った data URI が本当に画像なのか確認したいとき、ソースに埋まった Base64 を画像に戻したいときに使えます。重要な点として、入力した画像や Base64 文字列はサーバーへ一切アップロード・保存・送信しません。すべての処理が JavaScript であなたのブラウザ内だけで完結するため、社外に出せない画像でも安全に変換できます。なお本ツールは画像の Base64 変換に絞っており、画像のリサイズ・圧縮・形式変換や、テキストの URL エンコード(percent-encoding)は対象外です(それぞれ専用ツールをご利用ください)。
使い方
- モードで「画像 → Base64」または「Base64 → 画像」を選びます。
- 変換: 画像をドロップ/選択/貼り付けすると Base64 を表示。出力形式(data URI / Base64のみ / CSS / HTML)を選んでコピーします。
- 復元: data URI または素の Base64 を貼り付けると画像をプレビュー&ダウンロードできます。入力は送信されません。
よくある質問
アップロードした画像や Base64 はどこかに送信されますか?
いいえ。変換はすべてあなたのブラウザ内の JavaScript(FileReader)で行われ、画像や Base64 文字列はサーバーへアップロード・保存・送信されません。社外に出せない画像でも端末の中だけで処理されます。
「data URI」と「Base64のみ」の違いは何ですか?
「data URI」は `data:image/png;base64,...` のように MIME タイプと接頭辞を含む完全な文字列で、そのまま `src` 属性や CSS の `url()` に使えます。「Base64のみ」はその接頭辞を除いた生の Base64 文字列で、自前で MIME を付けたい場合や別システムに渡す場合に使います。
接頭辞のない Base64 でも画像に戻せますか?
はい。`data:` 接頭辞がない素の Base64 でも、デコードした先頭バイト(マジックナンバー)から PNG / JPEG / GIF / WebP / BMP / SVG を自動判定して画像に復元します。判定できない場合は PNG として復元を試みます。
Base64 にすると容量はどう変わりますか?
Base64 はバイナリを文字で表すため、元のサイズより約33%(およそ1.37倍)大きくなります。本ツールは変換後に元サイズと Base64 のおおよそのバイト数を表示するので、インライン埋め込みが現実的か判断できます。小さなアイコンやロゴ向きで、大きな写真の埋め込みには向きません。
画像のリサイズや形式変換もできますか?
いいえ。本ツールは画像と Base64(data URI)の相互変換に絞っています。リサイズ・圧縮・形式変換は対象外で、別の専用ツールをご利用ください。テキストの URL エンコード(percent-encoding)も別ツールです。