O que é um sprite sheet de GIF?

Um sprite sheet organiza todos os quadros de um GIF animado como uma grade em uma única imagem PNG, comumente usada em desenvolvimento de jogos e animações CSS.

Em que formato o sprite sheet é exportado?

PNG. Este formato preserva todas as cores e a transparência dos quadros originais do GIF.

Como controlo o layout da grade?

Defina o número de colunas. O número de linhas é calculado automaticamente com base na contagem total de quadros.

Como uso o sprite sheet em CSS?

Use as propriedades `background-position` e `animation` para percorrer os quadros. Cada quadro ocupa (largura × coluna, altura × linha) pixels no sprite.

Posso usar sprite sheets em jogos?

Sim. Motores de jogo como Phaser, Unity (2D) e Godot suportam sprite sheets para animação quadro a quadro.

Quais são as dimensões de cada quadro no sprite sheet?

Cada célula é igual às dimensões originais do GIF. O tamanho total do sprite sheet é (larguraDoGIF × colunas) por (alturaDoGIF × linhas).

O sprite sheet inclui transparência?

Sim. O PNG suporta transparência alfa total, portanto, quaisquer áreas transparentes nos quadros do GIF são preservadas.

O meu GIF original é modificado?

Não. O sprite sheet é um novo arquivo PNG. Seu GIF original é lido, mas não alterado.

Por que eu usaria um sprite sheet em vez de um GIF?

Sprite sheets permitem controle preciso sobre a animação — você pode pausar, inverter ou pular para quadros específicos usando CSS ou JavaScript, diferentemente dos GIFs de reprodução automática.

Posso controlar a ordem dos quadros no sprite sheet?

Os quadros aparecem na mesma ordem que o GIF original. Use o Editor de Quadros para reordenar os quadros antes de criar o sprite sheet.

GIF para Sprite

Exporte seus quadros de GIF como uma única imagem PNG de sprite sheet.

Solte seu GIF aqui

Ou clique para procurar · Apenas GIF

Converta um GIF animado em uma folha de sprite — uma única imagem contendo todos os quadros dispostos em uma grade. Ideal para animações CSS, motores de jogos e exportações quadro a quadro.

Configure o número de colunas e o GifStream calculará o layout da grade automaticamente. A saída é um único PNG com dimensões de quadro consistentes e suporte a fundo transparente.

Guia: GIF para Sprite

Quando usar

Para transformar um GIF em sprite sheet para jogos.
Para preparar quadros para animações CSS em um site.
Para ver todos os quadros de uma animação de uma vez.

Dicas

Escolha um número de colunas que deixe a folha quase quadrada.
O PNG mantém todas as cores e a transparência.
Anote o tamanho e a quantidade de quadros; você vai precisar para animar.

Bom saber

Precisa de arquivos separados por quadro? Use Divisor de GIF.
Remova antes os quadros indesejados com Editor de Quadros.
Para controlar o tamanho da folha, reduza antes o GIF com Redimensionar GIF.

Sprite Sheet de GIF — Perguntas Frequentes

Last Updated: 14 de agosto de 2026