画像Base64変換とは？
画像Base64変換は、画像ファイルをBase64テキスト文字列にエンコードし、HTML・CSS・JSONに直接埋め込めるようにするツールです。小さなアイコンやサムネイル、スプライトをWebページにインライン化することで、HTTPリクエスト数を削減し、自己完結型ドキュメントのデプロイを簡素化できます。
使い方
- 画像ファイル（PNG・JPEG・GIF・SVG・WebP）をドロップゾーンにドラッグするか、クリックして選択します。
- Base64エンコード文字列と完全なデータURI（例: data:image/png;base64,...）が生成されます。
- データURIをコピーして、HTMLのimgタグ・CSSのbackground-imageプロパティなどで使用します。
基礎知識
Base64エンコーディングはバイナリデータを64種類のASCII文字（A～Z、a～z、0～9、+、/）に変換します。エンコード後の出力は元のバイナリより約33%大きくなるため、10～20KB以下の小さな画像に最適です。大きな画像はブラウザキャッシュを活用するために別ファイルとして配信する方が効率的です。
よくある質問
データURIとは何ですか？
データURIはファイルの内容をURL文字列に直接埋め込むスキームです。形式はdata:[メディアタイプ];base64,[エンコードデータ]です。ブラウザはサーバーへの追加HTTPリクエストなしで埋め込まれた画像をレンダリングします。
Base64エンコードでファイルサイズは増えますか？
はい。Base64エンコードではバイナリデータ3バイトがASCIIテキスト4バイトになるため、データサイズが約33%増加します。小さな画像では許容範囲ですが、大きな写真や動画には現実的ではありません。
Base64に最適な画像形式は？
SVGや小さなPNGアイコン（5～10KB以下）は元々コンパクトなため理想的です。JPEG写真はエンコード可能ですが、実用的なサイズ閾値を超えることが多いです。WebP画像は圧縮率が高く、インラインデータURIとしてのサポートも拡大しています。