画像Base64変換ツール
画像ファイルをBase64データURLに変換し、HTMLやCSSで使えるコードを生成します
🖼️
クリックまたはドラッグ&ドロップで画像をアップロード
PNG, JPEG, WebP, GIF, SVG対応
画像Base64変換ツールとは
画像ファイルをBase64エンコードしてData URL形式に変換するツールです。Base64 Data URLをHTMLの<img>タグのsrc属性やCSSのbackground-imageに使うことで、外部ファイルの読み込みなしに画像を埋め込むことができます。ブラウザ内でのみ処理されプライバシーが安全です。
よくある質問
Base64に変換するとファイルサイズはどうなりますか?
Base64エンコードにより元のファイルサイズより約33〜37%大きくなります。そのため大きな画像のBase64埋め込みはページサイズを大幅に増加させます。小さなアイコンや背景パターンの埋め込みに適しています。
どのような用途に使いますか?
メールテンプレートへの画像埋め込み、CSSスプライトの代替、オフライン対応のHTMLファイルへの画像埋め込み、小さなアイコンのコード内埋め込みなどに使われます。
アップロードした画像は安全ですか?
はい。このツールはブラウザのFileReader APIを使用してローカルで処理します。画像データは外部サーバーに送信されません。
SVGファイルも変換できますか?
はい。SVGファイルもBase64に変換できます。ただしSVGの場合、URLエンコードを使ったインライン方法(url("data:image/svg+xml,..."))の方が効率的な場合もあります。