Tool Hub

Base64 画像

画像 ↔ data:image Base64 文字列の相互変換

ダウンロード

使い方

  1. 画像ファイルをアップロードするか、ドロップゾーンにドラッグしてエンコードします。
  2. 生成された data:image Base64 文字列をコピーして、HTML、CSS、または JSON でインライン使用します。
  3. デコードするには、既存の data:image 文字列を貼り付けると、元の画像がダウンロード用にレンダリングされます。
  4. 小さいアセットに Base64 インライニングを使用して HTTP リクエストを節約します。大きな画像は避けてください。

  • 小さなアイコンを CSS に直接埋め込みます:background: url(data:image/png;base64,iVBOR...)。
  • data:image/svg+xml;base64 文字列を貼り付けて、元のファイルをプレビューしてダウンロードします。

本番環境で使用する前に出力を検証してください。保証なし — 詳細は 利用規約.