Внедрение картинки в локальный HTML файл
Описание
Написал локальный сайт, точнее программу на обычном DOM. Поскольку программу нужно запустить на телефоне в офлайн режиме (а большинство телефонов не умеют прикрепить локальные файлы), я убрал из него все ссылки и собрал все воедино. К примеру:
<script src="../js/script.js" defer>
поменял на...
<script>
/// весь код из script.js
</script>
Проблема в том что с картинками так не получается. Да и я не знаю способы внедрить ее в HTML файл. Ну и естественно по ссылке она не отображается.
Вопрос
Что подскажите? Как внедрить картинку в HTML? Или есть ли другие способы решить данную проблему?
Ответы (1 шт):
Автор решения: MrFylypenko
→ Ссылка
Можно перекодировать картинку в формат base64 онлайн конвертером, это обычный текст, который можно вставить в img. Пример кода:
<div>
<p>Красная точка ниже</p>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4
//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
</div>