Разрешает ли HTML встроенное кодирование изображений по потоку?

Question

Пример:

<div id="sampleimage">

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

</div>

Так что, в принципе, отправьте все в одном ответе.

Answer 1

В некоторых браузерах (в FF, Chrome и, по-видимому, IE8) вы можете использовать схему URL-адресов данных для встраивания файла изображения в 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

Да, это возможно: Смотрите здесь