画像とBase64（データURI）の相互変換
画像ファイルをBase64・データURIに変換し、CSSのbackground-imageや<img>タグの形でも出力します。Base64やデータURIから画像を復元して保存もできます。
画像 → Base64 / データ URI
ここに画像をドロップするか、貼り付け（Ctrl+V / ⌘+V）してください。
画像はアップロードされず、この端末の中だけで変換します。
画像を選ぶか、ドロップ・貼り付けしてください。
- 形式（中身から判定） —
- 元のサイズ —
- データ URI の長さ —
- 増加率 — Base64 はおよそ +33% になります
Base64 / データ URI → 画像
データ URI か Base64 を貼り付けてください。
- 形式（中身から判定） —
- ファイルサイズ —
- 大きさ —
補足
- 画像はアップロードされません。読み込みも変換もこの端末の中だけで行います。
- 形式（MIME）はファイル名やデータ URI の宣言ではなく、中身の先頭バイト（マジックナンバー）で判定します。対応: PNG・JPEG・GIF・WebP・BMP・ICO・SVG・AVIF。宣言と中身が違うときは中身を優先し、その旨を表示します。
- 復元した画像は、Base64 から戻したバイト列をそのまま保存します。再圧縮しないので画質は変わりません。
- SVG は、ブラウザによってはプレビューできません（Chrome など）。変換と保存はできます。
- Base64 にすると容量はおよそ 1.33 倍になります。大きな画像を CSS や HTML に埋め込むと、ページ全体の読み込みが遅くなります。画像は10MBまで扱えます。
- URL-safe 形式（
-と_）、改行入り、末尾の=省略も読めます。
よくある質問
画像はサーバーへアップロードされますか？
されません。画像の読み込みも Base64 への変換も、復元も、この端末の中だけで行います。
画像の形式（MIME タイプ）はどう判定していますか？
中身の先頭のバイト列（マジックナンバー）で判定します。PNG・JPEG・GIF・WebP・BMP・ICO・SVG・AVIF に対応しています。データ URI に書かれた形式と中身が食い違う場合は、中身を優先してその旨を表示します。
Base64 にするとファイルサイズはどれくらい増えますか？
およそ 1.33 倍（+33%）になります。3 バイトを 4 文字で表すためです。実際の増加率は変換後に画面へ表示します。大きな画像を CSS や HTML に埋め込むとページが重くなるので、小さなアイコンなどに向いています。
Base64 から戻した画像は画質が落ちますか？
落ちません。Base64 から戻したバイト列をそのまま保存し、再圧縮はしません。
SVG のプレビューが表示されません。
ブラウザによっては（Chrome など）、このツールの仕組みでは SVG をプレビューできません。変換と保存はできます。