Исследование: используем закодированные изображения в CSS (background-image)
Опытные дизайнеры даже не задумываются ни о чем, когда им нужно поместить фоновое изображение на страницу при помощи CSS. Обычно все делают это следующим образом: указывают параметр background-image с прямой ссылкой до исходного изображения. Тем не менее, URL каждого добавленного изображения создает дополнительный запрос к серверу. Другими словами, если у нас будет 10 разных URL, браузеру понадобиться сделать 10 разных HTTP-запросов. Существуют и другие способы использования фоновых изображений – в форме спрайт-изображения при помощи CSS, либо в форме закодированного изображения.
Источник:coolwebmasters.com