🔡 画像 ⇄ Base64 変換

画像をBase64・データURIに変換し、逆にBase64から画像へ復元します。CSSやHTMLへの直接埋め込みに便利です。

imgタグ・CSSスニペットやMIME/サイズ統計が必要なら。

画像→Base64変換へ →
🔡
画像をここにドラッグ&ドロップ
JPG / PNG / WebP / GIF / SVG など

📘 使い方

  1. 「画像 → Base64」タブで画像を選ぶと、Base64文字列(データURI)が生成されます。
  2. 「コピー」または「CSS用にコピー」で、HTMLやCSSにそのまま貼り付けて使えます。
  3. 逆方向は「Base64 → 画像」タブに文字列を貼り付け、「画像に変換」を押します。
  4. 復元された画像はそのままダウンロードできます。

❓ よくある質問

Base64(データURI)は何に使いますか?

小さなアイコンなどをHTMLやCSSに直接埋め込むと、追加のファイル読み込みなしで表示できます。メールの署名画像などにも使われます。

どんな画像形式でも変換できますか?

JPG・PNG・WebP・GIF・SVGなど、ブラウザが扱える画像であればBase64化できます。ただしBase64は元より約33%大きくなるため、大きな画像には不向きです。

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

いいえ。処理はすべてお使いのブラウザ内(クライアントサイド)で行われ、画像がサーバーに送信されることはありません。処理後の画像は端末に直接ダウンロードされます。