Data URL
読み: でーたゆーあーるえる
画像などのバイナリデータを Base64 エンコードして URL 文字列に埋め込む方式。小さな画像をインラインで HTML/CSS に含める際に使われる。
Data URL (Data URI) は data:[MIME タイプ];base64,[エンコード済みデータ] の形式でバイナリデータを文字列として表現する仕組みである。画像を HTTP リクエストなしで HTML や CSS に直接埋め込めるため、小さなアイコンやプレースホルダー画像に利用される。
Base64 エンコードにより元データの約 1.37 倍にサイズが膨張するため、数 KB を超える画像には不向きである。一般的に 2-3 KB 以下の画像に限定して使用し、それ以上は通常の URL 参照が効率的である。Canvas API の toDataURL() メソッドで描画内容を Data URL として取得できる。
Blob と比較すると、Data URL は文字列として扱えるため localStorage への保存や JSON への埋め込みが容易だが、メモリ効率は劣る。画像圧縮ツールのプレビュー表示では、処理結果を Data URL で <img> の src に設定する手法が使われることがある。大量の画像を扱う場合は Object URL (URL.createObjectURL) の方がパフォーマンスに優れる。