Появилась задача сделать HTML страничку которая содежрала бы все и стили и картинки/бэкграунды в одном файле дабы не обращаться в инет за ними и не плодить файлов. В данном случае требовалось сделать шаблон для e-mail рассылки.

Все просто. BASE64 решает.

Упаковываем любой бинарный файл (картинку) в base64. Для этого есть и программы кодеры/декодеры и даже он-лайн сервисы (к примеру вот). Получаем пачку ASCII символов типа iVBORw0KGgoAAAANSUhEUgAAADIA...

Далее просто вставляем в (x) HTML. Для вставки картинки:

<img alt="Embedded Image" src="data:image/png;base64,iVBORw0KGgoAAAANSUh..." />

Для CSS стиля с картинкой на фоне:

.maildeader{  width:100px;  height:100px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIA...);}

Таким образом можно вставлять и энкоденные яваскрипты или целые CSS файлы...