Qraft (クラフト)

データ URI

読み: でーたユーアールアイ

データ URI (Data URI scheme) は、画像やファイルのバイナリデータを Base64 エンコードして URI 文字列に直接埋め込む方式です。data:image/png;base64,iVBORw0KGgo... のような形式で、外部ファイルへの参照ではなくデータ自体を URI に含めます。

QR コード画像をデータ URI として生成すると、いくつかの利点があります。第一に、外部ファイルが不要です。HTML の <img src="data:image/svg+xml;base64,..."> のように、画像ファイルをサーバーにアップロードせずに QR コードを表示できます。第二に、HTTP リクエストが削減されます。画像ファイルへの追加リクエストが不要なため、ページの読み込みが高速化します。第三に、メールへの埋め込みが容易です。外部画像がブロックされるメールクライアントでも、データ URI なら表示できる場合があります。

デメリットとして、データ URI は Base64 エンコードによりデータサイズが約 33% 増加します。大きな QR コード画像をデータ URI にすると HTML のサイズが肥大化し、キャッシュも効きません。小さな QR コード (数 KB 以下) にはデータ URI が適していますが、大きな画像は通常のファイル参照の方が効率的です。