На главную
Изображения
CSS-спрайт
Склеивает иконки в один PNG и пишет к нему CSS с координатами каждой. Один запрос вместо двадцати — и никакого мерцания при наведении.
Порядок файлов сохраняется: как выбрали — так и лягут на лист.
Раскладка
2 — спрайт для ретины
Лист спрайта
Выберите иконки — или нажмите «Загрузить пример»
Дальше страница сама посчитает координаты и напишет CSS.