HTMLはストリームによる画像の埋め込みエンコードを可能にしますか？

Question

例：

<div id="sampleimage"> 

***Stream or Serialize JPEG Image from Server Here w/o Sending another Request*** 

</div> 

だから、基本的には、1つの応答ですべてのものを送ります。

Answer 1

一部のブラウザ（FF、Chrome、およびIE8）では、data URL schemeを使用して画像ファイルをHTMLに埋め込むことができます。

は

それは（RFCから取られた）次のようになります。

<IMG 
    SRC="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw 
    AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz 
    ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp 
    a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJl 
    ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis 
    F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH 
    hhx4dbgYKAAA7" 
    ALT="Larry"> 

あなたは画像のデータがbase64でエンコードされていることがわかります。私は、このフォーマットを使ってjavascriptで画像を割り当て、CSSで画像を使用することもできると信じています。

Answer 2

はい、それは可能である：See here