Base64イメージの埋め込み

Question

確かに、どのブラウザがBase64イメージの埋め込みを行うのですか？私が指しているのはthisです。

私はそれがページサイズをかなり増加させるので、通常はほとんどの場合、良い解決策ではないことを認識しています。私はちょうど興味があります。

いくつかの例：

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...); 
} 

Answer 1

更新日：2017年1月10日

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

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

---

データのURIは現在、以下のWebブラウザでサポートされています

• などのFirefox、SeaMonkeyの、XeroBank、カミノ、フェネックとK-Meleonとして、Geckoベース
• Konqueror、KDEのKIOスレーブ入出力システム経由
• オペラ（ Nintendo DSiまたはWii）
• Safari（iOSを含む）、Androidのブラウザ、EpiphanyおよびMidori（WebKitはKonquerorのKHTMLエンジンの派生物ですが、Mac OS XはKIOアーキテクチャを共有しません。 ）異なる、などのWebkit /クロム等、クロム系いる
• トライデント
  • のInternet Explorer 8：Microsoftは懸念を含め、セキュリティ上の理由から、特定の「非航行」コンテンツへのサポートが制限されたことのJavaScriptデータURIに埋め込まれた文字列は、Webベースの電子メールクライアントによって使用されるようなスクリプトフィルタによって解釈できない場合があります。データURIはバージョン8 [32]では32 KiBより小さくなければなりません。
    • オブジェクト（画像のみ）
    • IMG
    • 入力タイプ=画像
    • リンク
  ：
  • データURIは、以下の要素および/または属性[4]でのみサポートされています
  • background-image、background、list-style-type、list-styleなどのURLを受け入れるCSS宣言。
  • Internet Explorer 9：Internet Explorer 9には32KBの制限がなく、より幅広い要素で使用できます。
  • TheWorldブラウザ：組み込まれている、このようなクロム、MozillaやInternet ExplorerなどのデータURIスキーム

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

Answer 2

最近のほとんどのデスクトップブラウザのサポートIEのシェルブラウザデータURLとしてエンコードされた画像をサポートします。しかし、一部のモバイルブラウザにデータURLを表示する際に問題があります。Android Stock BrowserとDolphin Browserには埋め込みJPEGは表示されません。

私はオンラインbase64エンコード/デコードするために次のツールを使用することができreccomend：

• Encode to Base64 format

• Decode from Base64 format

"書式データURLとして" オプションへの確認データURLとしてフォーマットします。

Answer 3

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