Створіть спрайт-лист із зображень

Упакуйте кадри анімації чи значки в один спрайт-лист для ігор і CSS. Оберіть стовпці й відступи та отримайте атлас JSON, сумісний із Phaser, PixiJS та іншими рушіями.

Ваші зображення обробляються на вашому пристрої й ніколи не завантажуються на сервер.

Перетягніть зображення сюди

або перетягніть

Приймаються: PNG, WEBP, GIF, JPG · До 512 МБ на файл

Як користуватися цим інструментом

  1. 01

    Додайте кадри в порядку анімації.

  2. 02

    Задайте кількість стовпців і відступ між кадрами.

  3. 03

    Обробіть і завантажте спрайт-лист — з атласом JSON або без нього.

Кадри з точністю до пікселя

Кадри ніколи не масштабуються. Кожен розташовується у верхньому лівому куті комірки однакового розміру, а атлас фіксує його точне положення й розмір.

Атлас, зручний для рушіїв

JSON використовує широко підтримуваний формат хешу TexturePacker, ключами в якому є імена файлів кадрів.

Часті запитання

Якого формату лист?

PNG, тож прозорість зберігається.

Чи мають кадри бути одного розміру?

Ні. Комірки підганяються під найбільший кадр, а атлас фіксує реальний розмір кожного кадру.

Чи завантажуються мої зображення на сервер?

Ні. Лист створюється у вашому браузері.

Схожі інструменти