画像 → Base64

画像をBase64エンコード文字列に変換

🖼️

画像をここにドラッグ&ドロップするか、クリックして選択

対応形式: JPG, PNG, GIF, SVG, WebP, ICO

画像プレビュー

ファイル名 -

ファイル形式 -

元のサイズ -

解像度 -

Base64サイズ -

Data URI (すぐに使用可能)

Base64は、バイナリデータ(画像など)をASCIIテキストで表現するバイナリ-テキストエンコーディング方式です。これにより、別ファイルなしで画像をHTML、CSS、またはJSONに直接埋め込むことができます。

✅ 小さな画像 - 10KB未満のアイコン、ロゴ

✅ HTTPリクエストを減らす - 重要な画像をインライン埋め込み

✅ メールテンプレート - 外部読み込みなしで表示される画像を埋め込む

✅ 単一ファイルHTML - 独立したHTMLファイルを作成

❌ 大きな画像 - Base64はサイズを約33%増加させる

❌ 頻繁に変更される画像 - 個別にキャッシュできない

HTML: <img src="data:image/png;base64,...">

CSS: background-image: url(data:image/png;base64,...);

JSON: {"image": "data:image/png;base64,..."}