Что такое CSS-спрайты?

CSS-спрайты объединяют несколько маленьких изображений в одно большое, чтобы уменьшить количество запросов к серверу. При загрузке веб-страницы каждый запрос на изображение требует времени, что может замедлить её отображение. Используя спрайт, браузер загружает одно изображение вместо множества, а с помощью CSS-стилей (свойств background-image, background-position и background-size) показываются только нужные части спрайта. 

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