Генератор Css спрайтов
Другие сервисы
Сгенерировать Css спрайты. Загрузив несколько картинок через этот сервис, в результате вы получите архив в котором будут находится изображения и css разметка для этого файла, которые вы сможете использовать в своем проекте.
Последовательность действий:
1. Нажмите кнопку «Выбрать файл»;
2. Выберите нужный вам файл с картинкой или фотографией;
3. После этого, она отобразиться в общем списке, нажмите на нее, что бы подтвердить свой выбор;
4. После преобразования, нажмите кнопку «Получить», он попадет список результатов в виде Zip-архива, для дальнейшего скачивания или удаления.
Как использовать:
Подключите стиль спрайта на странице и используйте Div с классом из списка в Css файле
Пример
<!DOCTYPE html>
<html>
<head>
<title>TODO supply a title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="sprite.css" />
</head>
<body>
<div class="icon-1"></div>
</body>
</html>