GIF в Sprite Sheet
Расположите каждый кадр анимированного GIF на одном изображении sprite sheet — выберите столбцы сетки, интервалы, масштаб кадра и фон, затем загрузите как PNG.
Ввод
Анимированный GIF. Каждый кадр декодируется и расположен на листе — это использует один кредит за запуск.
Оставьте пусто для автоматического примерно квадратного макета сетки.
1 включает каждый кадр. Более высокие значения прореживают анимацию, чтобы лист был меньше.
Изменяет размер каждого кадра перед упаковкой. 100% сохраняет исходный размер кадра GIF.
Заполняет любые промежутки между плитками и показывает через прозрачные пиксели самого кадра.
Вывод
Result will appear here.
Result will appear here.
Руководства
Игровые движки, CSS-анимация спрайтов и атласы текстур не воспроизводят анимированные GIF — они читают один sprite sheet: одно плоское изображение со всеми кадрами анимации, расположенными в сетке, перемещаемыми путём сдвига области просмотра (смещение background-position в CSS, прямоугольник кадра в игровом движке). Этот инструмент декодирует загруженный GIF кадр за кадром и расположит всё на одном загружаемом PNG.
Как использовать
- Загрузите анимированный GIF.
- Установите столбцы для сетки или оставьте пусто для автоматического примерно квадратного макета.
- Опционально прорежьте анимацию с помощью Включить каждый N-й кадр — полезно для длинного GIF, где каждый кадр не нужен для гладкого выглядящего спрайта.
- Отрегулируйте масштаб кадра, чтобы уменьшить или увеличить каждую плитку, интервал, чтобы добавить промежуток между ними, и выберите фон — прозрачный (по умолчанию), белый или чёрный.
- Нажмите Создать Sprite Sheet и загрузите PNG.
Как кадры отрисовываются
Кадры GIF — это не просто наложенные изображения — каждый может перерисовать только часть холста и определяет, что происходит с пикселями под ним после завершения (оставить, очистить или восстановить то, что было раньше). Этот инструмент точно воспроизводит это поведение удаления за кадр, поэтому каждая плитка на листе соответствует тому, что вы действительно увидите при воспроизведении GIF, а не только сырым данным его собственного кадра, который может быть частичным.
Конфиденциальность
Загруженный GIF декодируется и компонируется на нашем сервере, а затем удаляется — ничего не сохраняется, и это использует один кредит за запуск.
Что если в моём GIF сотни кадров?
Sprite sheets становятся громоздкими более чем из нескольких сотен плиток. Используйте Включить каждый N-й кадр, чтобы сначала прорезить анимацию, или разделите GIF с помощью экстрактора кадров, если вам нужно только подмножество. Количество кадров листа также ограничено 400 в качестве разумного лимита.
Мне нужно обрезать или изменить размер GIF перед преобразованием в лист
Сначала запустите его через GIF Editor — измените размер, обрежьте или удалите кадры там, а затем подайте результат в этот инструмент. Для sprite sheet значка SVG вместо анимированного GIF см. SVG Sprite Sheet Generator.
Use it from code
From 3 credits per callREST API
curl -X POST https://api.iotools.cloud/v1/tool/gif-to-sprite-sheet \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"file": "<file>"
}'Swap in your own key from your account. The tool's fields are the body — no wrapper.
Ask an AI agent
Use the IOTools `gif-to-sprite-sheet` tool (GIF to Sprite Sheet) on this input:
YOUR_INPUT_HEREPaste this at any agent connected to the IOTools MCP server, then add your input.