SpriteWizard

Онлайн-инструмент создания css-спрайтов

Легко объединяйте разные картинки своего проекта в одно изображение и получайте готовый css-код

Зачем использовать сервис SpriteWizard?

Всегда откладываете создание CSS-спрайта на последний момент, а в итоге оставляете проект как есть? Мы вас понимаем - лень расставлять изображения в графическом редакторе, измерять смещение каждого изображения... Генератор CSS-спрайтов SpriteWizard поможет вам решить это вопрос в несколько кликов:

1

Загрузите изображения

Загрузите все изображения вашего проекта, которые хотите включить в CSS-спрайт. Имена файлов будут именами CSS-классов.

2

Настройте проект

Укажите путь, где будет лежать спрайт относительно файла стилей вашего проекта. Выберите желаемый выходной формат стилей: CSS, LESS или SASS.

3

Скачайте результат

Скачайте архив, проверьте работоспособность результата, заглянув во вложенный пример. Перенесите файлы в свой проект. Готово!

Наши контакты

Мы всегда рады вашим предложениям и отзывам! Пишите нам по любым возникшим вопросам.

Написать письмо