画像を Base64 に変換

Base64 はバイナリの画像データ（バイト）を ASCII 文字列に変換するエンコード方式です。データ URL はこの文字列に MIME タイプのプレフィックス（data:image/png;base64, など）を付与し、ブラウザーが別の HTTP リクエストなしで画像を表示できるようにします。

Base64 エンコードはバイナリデータの 3 バイトごとに 4 つの ASCII 文字を使用するため、ファイルサイズが約 33% 増加します。これはテキストベースの形式に画像をインライン埋め込みするためのトレードオフです。

画像がサーバーにアップロードされることは一切ありません。変換は FileReader API を使用してブラウザー内で完全に実行され、すべてのデータはデバイス上でローカルに処理されます。

メールテンプレート・シングルページのオフラインアプリ・CSS ファイルで小さなアイコンやロゴ、装飾画像を埋め込む場合は Base64 を使うと外部 HTTP リクエストをゼロにできます。大きな画像や頻繁に再利用される画像には、適切なキャッシュを備えた通常の URL の方が効率的です。