Это на самом деле возможно при использовании встроенных изображений (называемых URI данных с).
Ваш тег изображения будет выглядеть примерно так:
<img src="data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub/
/ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcpp
V0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7"
width="16" height="14" alt="embedded folder icon">
Почему они в большинстве своем не очень хорошая идея:
Загрузка страницы будет замедлена , потому что изображение должно быть извлечено до , полная структура HTML может быть загружена и, следовательно, визуализирована Тем более, если вы выполняете дополнительные операции над изображением. Скорее всего, ваш сайт будет работать намного медленнее, чем если бы это было внешнее изображение.
Встроенные изображения должны быть в кодировке base64, добавляя 33% к их размеру .
Если вы говорите о разумном публичном сайте с большим трафиком, я бы порекомендовал вам хранить внешнее изображение и кэшировать его. Если это только для небольшого проекта, встроенные изображения могут работать для вас.