データを使用したページ本文の画像:URL

注:以下は、 「データ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で詳細を読む→



All Articles