データ URI (Data URI)サポート : Internet Explorer 9 (PC) / IE Mobile (Windows Phone 7.5)


Internet Explorer 9 は Data URI をサポートしています。Data URIのスキーマはRFC2397にあります。IE の歴史においては、IE 8から Data URIがサポートされました。IE 9では、Data URIのサイズ上限が4GBまで拡張されています。

次のような書式で記述します。

data:[mime-type][;base64],<data as text>

 

WP

たとえば、左の画像は、Data URI を利用すると

<img src='data:image/png;base64,iVBORw0KGgoA…’ />

という形式で宣言することができます。メリットは、クライアントからサーバーへのHTTP リクエストが減り、パフォーマンスが向上することです。

DataURI PC版のInternet Explorer 9だけではなく、Windows Phone 7.5のInternet Explorer Mobileでも利用できます。加えて、Windows Phone 7.5のWebBrowser コントロールでも表示できます。左の図は、WebBrowserコントロール上でData URIを利用して画像を表示している例です。
サンプルファイルを添付します。

WebDataURI.zip

Comments (0)

Skip to main content