画像をBase64に変換

この画像から Base64 へのコンバータは、画像をデータ URI、画像を直接埋め込む長いテキスト文字列、およびすぐに使用できる CSS 背景スニペットに変換します。別のファイルにリンクする代わりに、画像をインライン化できます。

ブラウザ内でローカルに実行されるため、画像はデバイス上で読み取られ、アップロードされることはありません。

データ URI はマークアップ内の画像全体を運ぶため、ブラウザーはそれを取得するために別のネットワーク リクエストを作成しません。アイコンのような小さなアセットの場合、ラウンドトリップが節約されるため、ページが速く感じることがあります。

問題はサイズとキャッシュです。 Base64 は、制限されたテキスト アルファベットでバイナリ データを表現するため、約 33% のオーバーヘッドが追加されます。また、インライン画像は個別にキャッシュできないため、画像が含まれるすべてのページで再度ダウンロードされます。

経験則としては、リクエストを回避する方がオーバーヘッドに見合った小さな画像、アイコン、小さなロゴ、またはスプライトをインライン化し、大きな画像はブラウザがキャッシュして並行してロードできる通常のファイルとして保持します。

データ URI は、img src、CSS 背景、JSON 内のフィールド、電子メール テンプレートなど、URL が受け入れられる場所ならどこでも機能します。そのため、自己完結型のスニペットに便利です。