GIF para Sprite Sheet
Organize cada frame de um GIF animado em uma única imagem de sprite sheet — escolha as colunas da grade, espaçamento, escala de frame e fundo, depois baixe como PNG.
Entrada
GIF animado. Cada frame é decodificado e organizado na folha — isto usa um crédito por execução.
Deixe em branco para um layout de grade automático aproximadamente quadrado.
1 inclui cada frame. Valores mais altos reduzem a animação para manter a folha menor.
Redimensiona cada frame antes do empacotamento. 100% mantém o tamanho de frame do GIF de origem.
Preenche qualquer lacuna entre os tiles e mostra através dos pixels transparentes do próprio frame.
Saída
Result will appear here.
Result will appear here.
Guias
Motores de jogos, animações de sprite CSS e atlas de texturas não reproduzem GIFs animados — eles leem uma única sprite sheet: uma única imagem com cada frame de animação organizado em uma grade, avançado deslocando um viewport (um deslocamento de background-position em CSS, um retângulo de frame em um motor de jogos). Esta ferramenta decodifica um GIF carregado frame por frame e organiza tudo em um único PNG para download.
Como usar
- Carregue um GIF animado.
- Defina as colunas para a grade ou deixe em branco para um layout de grade automático aproximadamente quadrado.
- Opcionalmente, reduza a animação com Incluir cada N-ésimo frame — útil para um GIF longo onde cada frame não é necessário para um sprite de aparência suave.
- Ajuste a escala de frame para reduzir ou aumentar cada tile, espaçamento para adicionar uma lacuna entre eles e escolha um fundo — transparente (padrão), branco ou preto.
- Clique em Criar Sprite Sheet e baixe o PNG.
Como os frames são renderizados
Os frames de um GIF não são simplesmente imagens empilhadas — cada um pode redesenhar apenas parte da tela e especifica o que acontece com os pixels abaixo dela depois que termina (deixe-os, limpe-os ou restaure o que estava lá antes). Esta ferramenta reproduz esse comportamento de descarte por frame exatamente, então cada tile na folha corresponde ao que você realmente veria ao reproduzir o GIF, não apenas aos dados brutos do seu próprio frame que podem ser parciais.
Privacidade
O GIF carregado é decodificado e composto em nosso servidor, depois descartado — nada é armazenado, e isto usa um crédito por execução.
E se meu GIF tiver centenas de frames?
Sprite sheets ficam difíceis de usar além de alguns centenas de tiles. Use Incluir cada N-ésimo frame para reduzir a animação primeiro, ou divida o GIF com um extrator de frame se você precisar apenas de um subconjunto. A contagem de frames da folha também é limitada a 400 como um limite sensato.
Preciso aparar ou redimensionar o GIF antes de transformá-lo em uma folha
Execute-o através do GIF Editor primeiro — redimensione, recorte ou remova frames lá, depois alimente o resultado nesta ferramenta. Para uma sprite sheet de ícone SVG em vez de um GIF animado, consulte o 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.