画像Base64エンコードとは？

画像ファイルをBase64文字列へ変換するツールです。変換結果は Raw、Data URI、HTML の img タグ、CSS の background-image 形式で確認できるため、用途に合わせた形でそのまま使えます。

小さな画像をHTMLやCSSへ直接埋め込みたいときや、画像データをテキストとして扱いたいときに便利です。複数画像にも対応しており、ブラウザ上でまとめて確認できます。

使い方

1. 画像ファイルを選択するか、ドラッグ&ドロップで追加します。
2. 自動でBase64変換結果が表示されます。
3. 必要な出力形式を選びます。
4. 結果をコピーして使います。

一度に最大20枚まで扱えるため、複数ファイルの比較やまとめて確認にも向いています。

出力形式

Base64（Rawデータ）

Data URI宣言を含まない、純粋なBase64文字列です。APIや独自処理でBase64本体だけが必要なときに使います。

Base64（DataURI宣言付き）

data:image/...;base64, を含む形式です。ブラウザでそのまま画像として扱いたいときに向いています。

HTML imgタグ

<img src="..." /> の形で出力します。HTMLへそのまま貼りたい場合に便利です。

CSS Background Image

background-image: url("..."); の形で出力します。CSSへ貼り付けたいときに使いやすい形式です。

確認できる情報

変換結果ごとに、画像のプレビューと次の情報を確認できます。

• ファイル名
• 最終更新日
• 縦サイズ
• 横サイズ

出力形式だけでなく、元画像の基本情報も合わせて見たいときに便利です。

活用シーン

• 小さな画像をHTMLやCSSへ直接埋め込みたいとき
• Data URI形式の画像データを作りたいとき
• APIやJSONで画像をテキストとして扱いたいとき
• 複数画像のBase64結果をまとめて確認したいとき

使うときの注意点

• Base64化すると文字列が長くなるため、大きな画像では扱いにくくなります
• 小さな画像や埋め込み用途との相性が良く、大きな画像ではファイル参照のほうが向くこともあります
• 画像を追加すると結果はブラウザ上で生成されますが、極端に大きな画像では表示や操作が重くなることがあります