Бесплатные онлайн сервисы по созданию спрайтов

Здравствуйте, вот три классных онлайн сервиса:

Скачать исходники для статьи можно ниже

1. “toptal.com/developers/css/sprite-generator/”

Для генерации спрайта нам нужно:

1.Переходим по ссылке и нажимаем на кнопку «CHOOSE FILE»

2.Загружаем с компьютера заранее подготовленные изображения, которые нужно объединить в спрайт и наживаем кнопку «Открыть». Можно выбирать сразу несколько зажав кнопку CTRL на клавиатуре.

3.Получаем готовый спрайт и фрагменты CSS кода, с указанием параметров смещения для каждого изображения! Скачиваем его себе на компьютер, нажав на кнопку «DOWNLOAD»

4.Далее загружаем полученный спрайт CSS на свой сайт. Это можно сделать через файловый менеджер на вашем хостинге или использовать FTP клиент, например, FileZilla.

5.Теперь для блоков, в которых вам нужно задать фоновое изображение, из спрайта используем указанные CSS свойства
Класс вы можете использовать тот же что и здесь или задать свой.

6.Так же вы в любой момент можете удалить или добавить изображения на созданный спрайт.
Для этого существуют специальные кнопки.
После редактирования готовый спрайт CSS нужно по новой скачать и загрузить на свой сайт с заменой предыдущей версии файла.

Данный генератор спрайтов понравился мне своей простотой. В нём нет ничего лишнего и, в то же время, есть всё что нужно.

2. “cssspritestool.com/”

3. “spritecow.com/”

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Добавить комментарий