Base64イメージの埋め込み

純粋に好奇心から、Base64画像の埋め込みはどのブラウザで機能しますか？私が言及しているのはこれです。

ページサイズがかなり大きくなるため、通常はほとんどの場合適切な解決策ではないことに気づきました。

いくつかの例：

HTML：

<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA..." />

CSS：

div.image {
  width:100px;
  height:100px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);
}

更新：2017-01-10

データURIがすべての主要なブラウザーでサポートされるようになりました。IEは、バージョン8以降の埋め込み画像もサポートしています。

http://caniuse.com/#feat=datauri

データURIが次のWebブラウザーでサポートされるようになりました。

• Firefox、SeaMonkey、XeroBank、Camino、Fennec、K-MeleonなどのGeckoベース
• Konqueror、KDEのKIOスレーブ入出力システム経由
• Opera（ニンテンドーDSiやWiiなどのデバイスを含む）
• Safari（iOSを含む）、Androidのブラウザー、Epiphany、MidoriなどのWebKitベース（WebKitはKonquerorのKHTMLエンジンの派生物ですが、Mac OS XはKIOアーキテクチャを共有していないため、実装は異なります）、およびWebkit / Chromeなどのクロムベース
• トライデント
  • Internet Explorer 8：Microsoftは、データURIに埋め込まれたJavaScriptがWebベースの電子メールクライアントで使用されるようなスクリプトフィルターで解釈できない可能性があるなどのセキュリティ上の理由により、特定の「ナビゲート不可能な」コンテンツへのサポートを制限しています。データURIは、バージョン8 [3]では32 KiB未満である必要があります。
  • データURIは、次の要素または属性、あるいはその両方でのみサポートされています[4]。
    • オブジェクト（画像のみ）
    • img
    • 入力タイプ=画像
    • リンク
  • background-image、background、list-style-type、list-styleなどのURLを受け入れるCSS宣言。
  • Internet Explorer 9：Internet Explorer 9には32KiBの制限がなく、幅広い要素で使用できます。
  • TheWorldブラウザ：データURIスキームのサポートが組み込まれているIEシェルブラウザ

http://en.wikipedia.org/wiki/Data_URI_scheme#Web_browser_support

Chrome、Mozilla、Internet Explorerなどの最新のデスクトップブラウザのほとんどは、データURLとしてエンコードされた画像をサポートしています。ただし、一部のモバイルブラウザではデータURLの表示に問題があります。AndroidStock BrowserとDolphin Browserでは埋め込みJPEGが表示されません。

オンラインのbase64エンコード/デコードに次のツールを使用することをお勧めします。

• Base64形式にエンコード

• Base64形式からのデコード

[データURLとしてフォーマット]オプションをオンにして、データURLとしてフォーマットします。

使用できますか（http://caniuse.com/#feat=datauri）は、IEの問題がほとんどなく、主要なブラウザー全体でサポートを示しています。