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

Отзывы

Спасибо! Отличный сервис!

Спасибо, не ожидала, что так быстро!

Спасибо! Отличный сервис!

Нет кнопки "Получить"

О Боги!!! неужели!!! Полдня копаюсь на ютубе, смотрю, как обучальщики тут программы советуют с помощью которых спрайтовую сетку можно сделать, в итоге либо всё платно, либо у меня не работает ( да-да, я в курсе, что криворукий ), уже отчаялся - сам попробовал сделать, но что-то опять пошло не так) И тут пожалуйста! Первая ссылка, и результат есть! ААААА, спасибо!)))

Удобный сервис