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

Question

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

YeaHub · Accepted Answer

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