Об’єднайте зображення в прозорий CSS-спрайт за допомогою готового до використання пакета інтеграції.
1
Завантажте та виберіть зображення
2
Виберіть розташування, відступ і розмір CSS
3
Створіть і завантажте попередній перегляд PNG, CSS, JSON і HTML.
↑Виберіть ФайлПеретягніть файли сюди… (або натисніть, щоб вибрати файли)або скиньте архів з файламиЗавантажити файл
Генератор CSS-спрайтів онлайн
Завантажте кілька невеликих зображень і об’єднайте їх в один CSS аркуш спрайтів. Генератор створює остаточне зображення та CSS позиції для кожного файлу, тому сторінка може завантажувати менше запитів на зображення.
Використовуйте його для піктограм, ресурсів інтерфейсу користувача, застарілих макетів, шаблонів електронної пошти та невеликої веб-графіки. Додайте файли, розмістіть їх у правильному порядку, створіть спрайт і скопіюйте згенерований CSS.
✓Потрібен швидкий інструмент для створення спрайтів із набору зображень?
✓Ви створюєте гру чи хочете прискорити завантаження сайту?
✓На виході ви отримаєте архів зі спрайтом і стилями для швидкого вбудовування в ваш додаток.
✓На комп’ютер не потрібно встановлювати програмне забезпечення. Все, що вам потрібно, це браузер і доступ до Інтернету.
✓Робота доступна як зі стаціонарного ПК, так і з планшета та ноутбука.
✓Ваші дані доступні тільки вам. Через деякий час вони видаляються з сервера. Наш сервіс нічого не зберігає.
Supported formats
This tool accepts these formats. Uncommon containers and modern web formats may be normalized or converted on the server before processing.
Відгуки перевіряються перед публікацією. Ми публікуємо справжні позитивні відгуки та конкретну критику. Спам і образи без корисних деталей не публікуються; нецензурна лексика та особисті дані маскуються. Позитивні голоси підраховуються негайно; негативні голоси підраховуються після перегляду.
Відгуки відображають досвід користувачів, а не гарантію результатів чи опис обмежень послуги. Використовуйте кнопки оцінки вище, щоб залишити відгук.
