Меня потянуло на такой вариант - запихать картинку внутрь документа. Почитал доки, закодировал картинку и получил результат. Главное, что картинка отображается в .chm
<!DOCTYPE html>
<html>
<head>
<title>Base64 Image Example</title>
</head>
<body>
<style>
.base64EncodedImage {
height: 32px;
width: 32px;
display: inline-block;
background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAMFBMVEUAAACAAAAAgACAgAAAAICAAIAAgIDAwMCAgID/AAAA/wD//wAAAP//AP8A//////9PEyZJAAAA7UlEQVR42m3RsXaDMAwFUHmyPYl+Qb+tG5kSJmAqTGELW38xo5kapvQ9GTvn5JRB4IslZOHk7XKaELsVIT85bXGLE8IvQ3zBc5AKbkFCK/+Aax4VUAFLBOkLuMCqzorHSdu8BjAHcFqOxoQ5gK+1Asst2k0V/IWwWeuOINck8bbpHXvGhhDO4n6EawkzgdKkXGI3kDB972Se5ZiLP625WIH0uVlqAe1ubKQvoPdovfuLgabHvGiLsRHQH6bA4wLC+ZhpPj9y+gPwnOG616ln8KPBx2BDZlUDvnqBn/kVG1OG8pPfQUfhzjDUHeX6A/WAV4FRw4pKAAAAAElFTkSuQmCC);
}
</style>
<h1>Base64 Image Example</h1>
<img class="base64EncodedImage"> huj pizda skoworoda <img class="base64EncodedImage">
</body>
</html>
<html>
<head>
<title>Base64 Image Example</title>
</head>
<body>
<style>
.base64EncodedImage {
height: 32px;
width: 32px;
display: inline-block;
background-image : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgBAMAAACBVGfHAAAAMFBMVEUAAACAAAAAgACAgAAAAICAAIAAgIDAwMCAgID/AAAA/wD//wAAAP//AP8A//////9PEyZJAAAA7UlEQVR42m3RsXaDMAwFUHmyPYl+Qb+tG5kSJmAqTGELW38xo5kapvQ9GTvn5JRB4IslZOHk7XKaELsVIT85bXGLE8IvQ3zBc5AKbkFCK/+Aax4VUAFLBOkLuMCqzorHSdu8BjAHcFqOxoQ5gK+1Asst2k0V/IWwWeuOINck8bbpHXvGhhDO4n6EawkzgdKkXGI3kDB972Se5ZiLP625WIH0uVlqAe1ubKQvoPdovfuLgabHvGiLsRHQH6bA4wLC+ZhpPj9y+gPwnOG616ln8KPBx2BDZlUDvnqBn/kVG1OG8pPfQUfhzjDUHeX6A/WAV4FRw4pKAAAAAElFTkSuQmCC);
}
</style>
<h1>Base64 Image Example</h1>
<img class="base64EncodedImage"> huj pizda skoworoda <img class="base64EncodedImage">
</body>
</html>
Комментарии
Отправить комментарий