Допустим у нас есть background который в спрайт не запихнешь, т.к. элемент надо замостить этим рисунком… рисунок больше одного пикселя, но в целом небольшой…
Тянуть целый запрос ради «плитки» размером 3*3 (например) не очень весело.
Тут на помощь приходить «бессмертная» base64.
Кодируем злополучный файл в base64 и вставляем в CSS элемента.
Например так:
div {
...
background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFsA...);
...
}
Подобный метод работает не только с CSS.
Более широкий список применения и скрипт переводящий в кодировку base64.