Упаковка изображений в таблицу стилей CSS
0
В HTML существует возможность хранить картинки или другие данные в текстовом виде непосредственно в файле HTML.

Это может пригодиться, если вы хотите, например, в подпись своих писем вставить небольшую картинку и не хотите, чтобы она была вложена в письмо или загружалась из сети. Вставленная таким образом картинка всегда доступна.

Данные должны быть предварительно закодированы в Base64. Закодировать картинку в Base64 можно при помощи онлайн сервисов, например:
http://www.motobit.com/util/base64-decoder...der-encoder.asp
или используя Total Commander.

Для вставки используем конструкцию вида:
<img src="data:image/формат исходного изображения;base64, ...картинка в кодировке base64 без пробелов... ">


Формат картинки может быть любым, конечно поддерживаемым тегом, только не забываем менять тип.

Для того, чтобы закодировать картинку, используя Total Commander, идем в меню Files => Encode Files (Файлы => Кодировать), выбираем MIME (Base64), указываем куда сохранить.

Открываем полученный файл с помощью текстового редактора и копируем все после служебной информации.

Для CSS используем следующий прием:
.имя вашего стиля {
background-image: url("data:image/gif;base64, ...картинка в кодировке base64 без пробелов...");
}



Внимание! Данная статья была написана более полугода назад, актуальность материала и состояние жизни ссылок не гарантируется! Воспользуйтесь дополнительными параметрами для поиска необходимого вам контента! Приносим свои извинения...

Внимание! У статьи пока нет комментариев, оставьте первым свой комментарий?
Оставить комментарий / Добавление ссылок в комментариях разрешено