Как разделять спрайт-листы и игровые ассеты

    Извлекайте отдельные спрайты и игровые элементы из спрайт-листов. Руководство для разработчиков игр.

    Try our free tool

    No registration required, 100% local processing.

    Use Séparer images

    Спрайт-листы объединяют несколько игровых график в одном файле, улучшая производительность. Но когда нужно редактировать отдельные спрайты, их нужно разделить.

    Разделение требует точности — игровые ассеты часто пиксель-перфектны, любое смещение вызывает глюки.

    Наш инструмент разделяет спрайт-листы на идеально выровненные ассеты.

    Понимание макетов

    Равномерные сетки: каждый спрайт одного размера ячейки (например, 32x32).

    Упакованные листы: спрайты плотно упакованы разных размеров с метаданными.

    Анимационные полосы: последовательные кадры анимации горизонтально или вертикально.

    Расчёт размеров

    Посчитайте спрайты в строках и столбцах. Разделите размеры листа на количество.

    Для листа 512x512 со спрайтами 16x16: 32 столбца и 32 строки (1024 спрайта).

    Учитывайте отступы — некоторые листы имеют 1-2 пикселя между спрайтами.

    Отступы и поля

    Если отступ 1px, ячейка '32x32' на самом деле 33x33.

    После разделения может потребоваться обрезка отступов.

    Наш инструмент учитывает согласованные отступы.

    Recommended tools

    Разделить изображение на части онлайн бесплатно

    Разделите изображение на несколько равных частей онлайн бесплатно. Идеально для ...

    How to do it in 3 steps

    1

    Определите структуру: размер ячейки, строки/столбцы, отступы.

    2

    Загрузите спрайт-лист.

    3

    Настройте сетку (например, 16x16 для сетки 16x16).

    4

    Сгенерируйте спрайты, именованные по позиции.

    5

    Импортируйте в игровой движок.

    Common mistakes to avoid

    • Неверный подсчёт строк или столбцов.
    • Не учитывать отступы.
    • Использование JPEG для пиксель-арта.
    • Забывать, что некоторые листы имеют неравномерные размеры.

    Frequently asked questions

    Ready to try?

    Our tool is free, no registration required and respects your privacy.

    Use Séparer images