CSS: картинки прямо в коде таблицы стилей

Dec 22, 2009 18:41

Неожиданно для себя я сегодня наткнулся на замечательную технологию, которая позволяет записывать изображения прямо в код CSS-файла. Иными словами, теперь можно одним HTTP запросом убить двух зайцев. Как это фунциклирует:

background:url("data:image/gif;base64,imagecode");

Что мы можем менять:
gif - расширение закодированного файла,
imagecode - исходный текст закодированного файла

Кодировать тут: http://www.opinionatedgeek.com/dotnet/tools/Base64Encode/Default.aspx Работает в большинстве браузеров кроме: ie6

dataurl, css, gif, оптимизация, images, png, jpeg, base64

Previous post Next post
Up