Online Tool Store
Генератор спрайт-аркушів
Упакуйте набір зображень в один PNG спрайт-аркуша з налаштовуваною сіткою, плюс завантажувані координати кадрів у JSON. Працює у вашому браузері.
🔒 Цей інструмент працює повністю у вашому браузері. Ваші файли ніколи не завантажуються на сервер.
Як це працює
- Виберіть зображення в порядку, у якому хочете їх упакувати.
- Налаштуйте стовпці сітки та відступ.
- Завантажте упакований PNG і, за бажанням, координати кадрів у JSON.
FAQ
Який розмір має кожна комірка, якщо мої зображення різного розміру?
Кожна комірка підбирається під найбільше зображення в наборі, тож менші зображення розміщуються у верхньому лівому куті своєї комірки, а не розтягуються.
Що в JSON з даними кадрів?
Координати x, y, ширина та висота кожного зображення в спрайт-аркуші, у порядку додавання — готово для ігрового рушія або пошуку CSS-спрайта.
Чи важливий порядок завантажених зображень?
Так — зображення упаковуються зліва направо, згори вниз у порядку, у якому ви їх вибрали.
Чи завантажуються мої зображення кудись?
Ні — упакування відбувається локально на canvas у вашому браузері.
Як ми в порівнянні
| Функція | Online Tool Store | Ручне компонування у графічному редакторі | Настільні пакувальники спрайтів |
|---|---|---|---|
| Без встановлення | ✓ | ✓ | ✗ |
| Координати кадрів включені | ✓ | ✗ | ✓ |
Ручне розміщення спрайтів у графічному редакторі означає обчислення координат вручну. Sprite Sheet Generator упаковує їх і видає координати.