Генератор 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>