Base64画像変換ツール|画像をData URIに無料で変換
アップロードした画像ファイル(JPEG / PNG / WebP)を、HTMLやCSSに埋め込めるBase64(Data URI)へ変換できる無料ツールです。 また、変換後の文字列をワンクリックでコピーでき、実装作業を効率化できます。
このページで分かること
- 画像をBase64(Data URI)へ変換した結果の表示
- HTML(imgタグ)やCSS(background-image)で使える形式の確認
- コピーしてすぐ使える変換結果の取得
よく使われる場面
たとえば、小さなアイコンやロゴをHTMLやCSSに埋め込みたい場合、Base64(Data URI)に変換しておくと便利です。 さらに、外部画像の参照が難しい環境(メールHTMLや一部の埋め込み用途など)でも、画像を文字列として扱えるため実装しやすくなります。 一方で、Base64はファイルサイズが増える傾向があるため、用途に応じて画像圧縮と併用すると効果的です。
関連ツール
あわせて確認すると便利なツールも用意しています。必要に応じてご利用ください。
参考(外部リンク)
Base64(Data URI)の仕様や使い方を確認したい場合は、以下も参考になります。
Base64画像変換ツール
Base64文字列から画像を復元、または画像ファイルをBase64(data URL形式)へ変換します。
Base64入力
data URL形式・生Base64の両方に対応しています。改行や空白は自動で除去されます。
画像プレビュー
変換後に画像プレビューを表示します。
解像度 i-
MIMEタイプ i-
拡張子 i-
サイズ i-
画像入力
ここに画像をドラッグ&ドロップ
対応形式: image/png, image/jpeg, image/gif, image/webp(最大5MB)
未選択
Base64出力(data URL)
解像度 i-
MIMEタイプ i-
サイズ i-

