// IMG TO BASE64
画像 Base64変換 無料（データURI生成）
画像をアップロードすると、Base64エンコードしたデータURIを生成します。<img>タグやCSSのbackground用コードも出力し、ワンクリックでコピー可能。HTML/CSSに画像を直接埋め込みたいときに便利です。処理はブラウザ内で完結します。
🖼️
クリックで画像を選択／ここにドラッグ＆ドロップ
PNG・JPEG・WebP・GIF対応。画像はブラウザ内だけで処理され、サーバーに送信されません。
画像Base64変換ツールとは？
画像をBase64という文字列にエンコードし、データURI（data:image/...;base64,...）を生成する無料ツールです。Base64にすると画像をテキストとして扱えるため、HTMLやCSSに画像を直接埋め込むことができ、外部ファイルの読み込みを減らせます。<img>タグ用・CSSのbackground-image用のコードも出力し、そのままコピーして使えます。処理はブラウザ内で完結します。
無料Base64データURI画像 埋め込みCSS img
Base64画像埋め込みの注意点
- Base64化すると元の画像より約33%データ量が増えます。アイコンなど小さな画像向けです。
- 大きな画像はHTML/CSSが肥大化し、キャッシュも効きにくくなるため、通常の画像ファイル参照のほうが適しています。
- メールHTMLや単一ファイルのHTMLなど、外部ファイルを持てない場面で特に有効です。
※生成したコードはそのままHTML/CSSに貼り付けて使えます。
よくある質問
Q.Base64（データURI）とは何ですか？
画像などのバイナリデータを文字列で表現する方式です。「data:image/png;base64,...」の形式で、HTMLやCSSに画像を直接書き込めるようになります。
Q.imgタグやCSS用のコードも作れますか？
作れます。「imgタグ」「CSS background」ボタンで出力を切り替えると、そのまま貼り付けられる形のコードが生成されます。
Q.画像はアップロードされますか？
いいえ。変換はお使いのブラウザ内で行われ、画像が外部サーバーへ送信されることはありません。
Q.どんな画像でも変換できますか？
PNG・JPEG・WebP・GIF・SVGなどブラウザが読み込める画像に対応します。ただしBase64化でデータ量が増えるため、小さい画像での利用がおすすめです。