Что такое спрайт-лист?

Это сетка из всех кадров GIF в одном PNG-файле, часто используется в играх и CSS-анимациях.

Формат экспорта?

PNG. Сохраняет все цвета и прозрачность.

Как управлять сеткой?

Настройте количество колонок.

Как использовать в CSS?

Используйте свойства `background-position` и `animation` для переключения кадров.

Можно ли использовать в играх?

Да, поддерживается игровыми движками (Phaser, Unity, Godot).

Размеры кадров в спрайте?

Каждая ячейка равна размеру оригинального GIF.

Есть ли прозрачность?

Да, PNG поддерживает полный альфа-канал.

Зачем использовать это вместо GIF?

Дает полный контроль над анимацией — пауза, реверс, прыжки на кадр с помощью кода.

Можно ли менять порядок кадров?

Порядок такой же, как в оригинале. Для изменения используйте «Frames Editor» перед созданием спрайта.

GIF в спрайт

Экспортируйте кадры вашего GIF как единый спрайт-лист в PNG.

Перетащите GIF сюда

Или нажмите, чтобы выбрать · Только GIF

Превратите анимированный GIF в спрайт-лист — единое изображение, содержащее все кадры в виде сетки. Идеально для CSS-анимаций, игровых движков и покадрового экспорта.

Настройте количество столбцов, и GifStream рассчитает сетку автоматически. Выходной файл — один PNG с постоянными размерами кадров и поддержкой прозрачности.

Руководство: GIF в спрайт

Когда пригодится

Когда GIF нужно превратить в спрайт-лист для игры.
Когда готовите кадры для CSS-спрайт-анимации на сайте.
Когда хотите увидеть все кадры анимации сразу.

Советы

Подберите число столбцов так, чтобы лист был близок к квадрату.
PNG сохраняет все цвета и прозрачность.
Запишите размер и число кадров — они понадобятся для анимации.

Полезно знать

Нужны отдельные файлы кадров? Используйте Разделитель GIF.
Сначала удалите лишние кадры в Редактор кадров.
Чтобы контролировать размер листа, уменьшите GIF в Изменение размера GIF.

Спрайт-лист GIF — Часто задаваемые вопросы

Last Updated: 14 августа 2026 г.