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


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