Вставить изображение в HTML и сохранить для просмотра в автономном режиме (т.е.)

Question

Можно ли встроить изображение в мой HTML-код и сделать его доступным в автономном режиме. Моя цель - создать HTML-файл без каких-либо других файлов, связанных с ним.

Спасибо

Answer 1

Да.

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">

Взято из http://en.wikipedia.org/wiki/Data_URI_scheme#HTML

Вам понадобится правильный DataURL для вашего изображения. Попробуйте утилиту наподобие http://dataurl.net/#dataurlmaker, чтобы получить DataURL, который затем можно скопировать в html.