Генератор спрайт-листа
Собирает отдельные кадры в один лист с описанием: движку остаётся загрузить одну картинку вместо сотни.
Бесплатно, без регистрацииДо 200 кадров за разРаботает в браузере
Перетащите спрайты сюда
PNG, WebP или AVIF — по файлу на кадр, до 200 за раз
Частые задачи
Зачем кадры собирают в один лист
Каждая отдельная картинка — это запрос при загрузке и переключение текстуры при отрисовке. Сотня кадров персонажа превращается в сотню мелких дел на каждый кадр игры. Лист складывает их в одну картинку: движок грузит один файл и рисует всё одним вызовом.
Второй выигрыш даёт обрезка прозрачных полей. Художник рисует кадры в одном холсте, чтобы они не прыгали, и вокруг персонажа остаётся пустота — иногда больше половины картинки. На листе она не нужна: кадр обрезается, а его исходный размер и смещение записываются в описание, поэтому в игре он встаёт ровно туда же, где стоял.
Описание — та часть, которой обычно и не хватает. Без него кадр в плотно уложенном листе не найти, и движки вроде Phaser, PixiJS и Cocos такой лист просто не откроют.
Нужны готовые ассеты?
3D-модели, спрайты, текстуры и звуки — бесплатно и без регистрации.
Частые вопросы
Чем спрайт-лист отличается от атласа?
Обычно спрайт-листом называют лист с кадрами одного размера по сетке, а атласом — плотную укладку кадров разного размера с файлом описания. Здесь собирается второе: лист выходит меньше, а координаты каждого кадра лежат в описании.
Сколько кадров можно собрать?
До 200 за раз. Если кадров больше, соберите несколько листов — ограничений на количество заходов нет.
Прозрачность сохранится?
Да. Лист отдаётся в PNG с альфа-каналом, обрезка трогает только полностью прозрачные поля по краям кадра.
Файлы уходят к вам на сервер?
Нет. Лист собирается кодом, который браузер скачал вместе со страницей, — картинки остаются на вашем компьютере.