注:以下は、 「データURLを使用したインラインイメージ」という記事の翻訳です。これは、 data:URI
を使用してWebページにイメージを埋め込む問題を解決しdata:URI
。 このスキームにより、外部ファイルにアクセスせずに画像コードを(X)HTMLページに直接挿入できるため、サーバーへのHTTPリクエストの総数が削減されます。 私のコメントはさらに斜体で記載されています。インライン画像は
data:URI
を使用して、Webページの本文に直接埋め込みます。 RFC 2397で定義されているように、このようなURIは小さなオブジェクトを「即時」データとして挿入するように設計されています。 このようなオブジェクトは、他の外部ファイルと同様に扱う必要があります。 埋め込み画像を使用すると、HTTP要求を外部リソースに保存できます。
ブラウザーサポートデータ:URL
Opera 7.2 +、Firefox、Safari、Netscape、およびMozillaは
data:URI
サポートしていますが、Internet Explorer 5–7はサポートしていません。 ただし、Internet Explorer 8は、小さな装飾画像を実装するための実際の代替手段として
data:URL
使用を許可する
Acid2テストに合格するため、このスキームをサポートすると報告されています。 Internet Explorerの古いバージョンをサポートするためのいくつかのトリックもあります。
webo.inで詳細を読む→