html / javascript: есть ли способ сделать тег <img>без реального изображения?

Question

Я пытаюсь сделать тестовый пример HTML для одного файла для чего-то + часть тестового набора включает теги IMG; Есть ли способ встроить изображение размером 1x1 пикселей (статически в HTML или динамически через Javascript) без необходимости ссылаться на внешнее изображение?

Это не большое дело, но если есть простой способ сделать это, мне было бы легче управлять этим тестовым примером.

Answer 1

Вы можете встроить данные изображения, используя Схема URI данных

Answer 2

AFAIK вы можете встроенное изображение SVG.Проверьте это: https://developer.mozilla.org/en/SVG_In_HTML_Introduction

Answer 3

Да, это очень просто:

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAAXNSR0IArs4c6QAAAAxJREFUCNdj+P//PwAF/gL+3MxZ5wAAAABJRU5ErkJggg==" />