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