Генератор Css спрайтов Генератор 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>

Отзывы

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

Поддержите наш проект ссылкой в соц сетях