🧬 画像をBase64に変換

画像をBase64のData URI文字列に変換し、HTMLやCSSにそのまま埋め込めるようにするツールです。アイコンやロゴなど小さな画像をコードに埋め込んでHTTPリクエスト数を減らしたい開発者に便利で、imgタグやCSSスニペットも一緒に用意します。

使い方

1. 画像をドラッグ＆ドロップするか、クリックして選択します。
2. 生成されたBase64のData URIを確認します。
3. 必要に応じてData URI・imgタグ・CSSスニペットをコピーします。

よくある質問

Base64に変換するとサイズが増えると聞きましたが？

そのとおりです。Base64エンコードではデータが元より約33%大きくなります。そのため大きな画像より、ごく小さなアイコンやロゴの埋め込みに向いています。

どの形式に対応していますか？

PNG・JPG・WebP・GIF・SVGなどブラウザが認識できる画像形式に対応し、元のMIMEタイプをそのまま含めてData URIを作成します。

画像はサーバーに送信されますか？

いいえ。変換はブラウザのFileReaderだけで処理され、画像がサーバーにアップロード・保存されることはありません。