【HTML5】Data URIスキームとは
お疲れ様です
ひなみです
今回はData URIスキームについてです
Data URIスキーム
HTMLドキュメントやCSSに外部リソースを埋め込むための方法。
メリット
・外部リソースの数が減る
・ブラウザ/Webサーバ間の通信回数を減らすことができる
デメリット
・画像ファイルを埋め込む場合はBase64化する必要があるため、サイズが大きくなる。
・リソースが外部ファイルに埋め込まれるため、ファイルごとのキャッシュはされない。
Data URIスキームの書式
data:[メディアタイプ][;base64],データ
記述例
data:image/png;base64,iVBORw0KGgoAA…
引用元