画像⇔Base64変換ツール
画像をBase64文字列(データURI)に変換して、HTMLやCSSに直接埋め込める形で取り出せます。逆に、Base64文字列を画像ファイルに戻すこともできます。
画像 → Base64
ここに画像をドロップ または クリックして選択
JPG・PNG・WebP/1枚(GIF・SVGは対象外)
Base64 → 画像
スポンサーリンク
画像⇔Base64変換ツールの使い方
画像⇔Base64変換ツールは、画像とBase64文字列を相互に変換できる無料ツールです。会員登録は不要で、画像がサーバーへ送信されることはありません。
- 画像→Base64:枠内に画像をドロップすると、即座にBase64文字列が生成されます。
- 出力形式(データURI・imgタグ・CSS・Base64のみ)を選んで「コピー」を押します。
- Base64→画像:下の欄に文字列を貼り付けて「画像に変換」を押すと、プレビューと保存ボタンが表示されます。
- 形式は文字列の先頭(またはデータの中身)から自動判定されます。
Base64埋め込みの使いどころ
Base64(データURI)は、画像ファイルを文字列としてHTML・CSS・JSONの中に直接埋め込む仕組みです。ファイルを別置きできない環境で役立ちます。
- 向いている用途:メール署名の小さなロゴ、単一HTMLファイルでの配布資料、CSSに埋め込む小さなアイコンなど。
- 注意点:Base64化するとデータ量は元ファイルの約1.33倍になります(一般知識)。大きな画像の埋め込みはページを重くするため、数十KB程度までが目安です。
- 対応環境:主要ブラウザ(Chrome・Edge・Firefox・Safari)はデータURIの表示に対応しています。
よくあるつまずきポイント
スポンサーリンク
画像は外部に送信されません。
Base64への変換も画像への復元も、すべてお使いのブラウザ内で行われます。