Генератор спрайт-листа
Объединяйте изображения в спрайт-лист с автоматически сгенерированным CSS-кодом. 100% в браузере.
Ctrl+Enter выполнитьCtrl+Shift+C скопировать
Узнать больше
Генератор CSS-спрайтов: объединение изображений с CSS-кодом
Узнайте, как создавать спрайт-листы с автоматически сгенерированным CSS-кодом background-position для оптимизации веб-ресурсов.
Что такое CSS Sprite Sheets
Спрайт-лист объединяет несколько маленьких изображений в один крупный файл изображения. Каждое отдельное изображение занимает определённую область на листе. В веб-разработке CSS background-position используется для отображения только нужной части спрайт-листа для каждого элемента, сокращая HTTP-запросы и улучшая производительность загрузки страницы.
5 мин чтенияЧитать полное руководство