Envie um GIF por tarefa, sem criar uma conta. A ferramenta não acrescenta marca-d’água ao PNG. Se a animação original já tiver uma marca visível, ela continuará fazendo parte da imagem.
GIF para sprite sheet
Reúna os quadros completos de um GIF em um PNG transparente. Escolha grade ou faixa e ajuste as colunas, o espaçamento e a escala.
GIF para sprite sheet: organize os quadros em um PNG
Use este conversor online de GIF para sprite sheet para reunir os quadros completos de uma animação em um PNG transparente. Escolha uma grade, uma faixa horizontal ou uma faixa vertical e ajuste o espaçamento e a escala. O resultado é uma imagem estática que você pode dividir em células no seu projeto.
Para transformar um GIF em um spritesheet, comece com uma animação salva no dispositivo. Um sprite sheet reúne os quadros em células de tamanho igual. A ordem original é mantida, inclusive quando o GIF armazena imagens repetidas.
Como criar um sprite sheet a partir de um GIF
1
Selecione e envie um GIF
Escolha no dispositivo um GIF de até 25 MB. O envio começa assim que você seleciona o arquivo; aguarde a conclusão antes de gerar a imagem.
2
Defina a organização e o tamanho
Selecione Grade, Faixa horizontal ou Faixa vertical. Na grade, use as colunas automáticas ou informe uma quantidade personalizada. Ajuste os controles de espaçamento e escala conforme as dimensões necessárias.
3
Gere, confira e baixe o PNG
Clique em Criar sprite sheet para enviar a tarefa ao servidor. Quando terminar, confira a prévia e baixe o PNG. Você pode alterar os ajustes e converter novamente o mesmo GIF já enviado.
Grade, faixa horizontal ou faixa vertical: qual escolher?
A organização define o formato da imagem. Escolha a disposição que combine com o recorte das células e com os limites de textura do seu projeto.
| Disposição | Quando usar | O que conferir |
|---|---|---|
| Grade | Para distribuir os quadros em várias linhas. | O modo automático calcula as colunas; o modo personalizado permite escolher de 1 a 240. |
| Faixa horizontal | Para colocar toda a sequência em uma única linha, também chamada de sprite strip. | Uma animação longa pode gerar um PNG muito largo. |
| Faixa vertical | Para organizar os quadros em uma única coluna. | Confira a altura antes de importar a imagem no projeto. |
Na grade, os quadros seguem da esquerda para a direita e depois de cima para baixo. Todas as disposições mantêm a ordem original; mudar a organização não elimina quadros.
Ajuste o sprite sheet ao seu projeto
Colunas automáticas ou personalizadas
O modo automático calcula uma grade a partir da quantidade de quadros e das suas dimensões. Escolha colunas personalizadas quando precisar de um número específico de células em cada linha.
Por exemplo, oito quadros de 64 × 64 pixels em três colunas, com espaçamento de 2 px e escala de 100%, geram um PNG de 196 × 196 pixels. Uma célula fica vazia e transparente.
Espaçamento entre os quadros
Você pode usar de 0 a 32 pixels de espaçamento. O padrão é 0, deixando as células encostadas. Um valor maior cria espaços transparentes entre elas.
O ajuste não adiciona margem externa. Ao dividir o PNG em outro programa, informe o mesmo espaçamento para que cada seleção inclua o quadro certo, sem pegar uma parte do vizinho.
Escala dos quadros de 50% a 200%
O controle de escala altera a largura e a altura de cada quadro. Ele aceita percentuais inteiros entre 50% e 200%; em 100%, as dimensões de origem são mantidas.
O redimensionamento usa o vizinho mais próximo para manter as bordas dos pixels sem suavização. Reduzir o tamanho pode descartar detalhes; ampliar não recupera informações que não existem no GIF.
O que muda na conversão de GIF para sprite sheet?
Um GIF pode guardar apenas as áreas que mudam, em vez de uma imagem inteira a cada quadro. O conversor reconstrói os quadros completos antes de colocá-los em células iguais. Os pixels transparentes continuam transparentes, e um fundo opaco permanece na imagem.
Cada quadro armazenado aparece uma vez na saída, incluindo os repetidos. O PNG não reproduz a animação nem traz dados de duração dos quadros. Para remover bordas antes de converter, use Cortar GIF e volte com o arquivo ajustado.
Use o sprite sheet no seu fluxo de animação
Este gerador de sprite sheet usa um GIF como origem. Importe o PNG no editor ou na engine e configure ali o tamanho das células e o espaçamento. Confira os limites de textura do destino: a ferramenta não exporta um projeto ou atlas específico para uma engine.
Se você usa sprites CSS com background-image, o guia de sprites da MDN explica como selecionar áreas de uma imagem pelo posicionamento do fundo. Para obter um arquivo que abra diretamente em um reprodutor de vídeo, use GIF para vídeo.
Limites do GIF e do sprite sheet
| Verificação | Limite |
|---|---|
| Arquivo de entrada | Um GIF de até 25 MB |
| Quadros de origem | Até 240 |
| Pixels acumulados dos quadros | Até 60 milhões: largura × altura × quantidade de quadros |
| Dimensões do PNG | Até 8192 pixels em cada lado |
| Pixels do PNG | Até 60 milhões: largura de saída × altura de saída |
Todos os limites valem ao mesmo tempo. Mesmo um arquivo GIF pequeno pode gerar muitos pixels ao ser decodificado. Se a saída ultrapassar um limite, tente uma grade, ajuste as colunas ou reduza a escala.
Perguntas sobre GIF e sprite sheets
O PNG é uma imagem estática com os quadros organizados. Ele não inclui os tempos de exibição nem a configuração de repetição do GIF. Depois de dividir a imagem, ajuste o tempo da animação no seu programa.
Sim. A transparência original é mantida, assim como os espaços e as células não utilizadas. A conversão não remove um fundo opaco. Confira as bordas na prévia, principalmente se a animação for aparecer sobre outro fundo.
A grade tem linhas completas de células com o mesmo tamanho. Quando os quadros não preenchem a última linha, as posições restantes ficam transparentes. Elas são espaços vazios, não quadros extras para reproduzir.
Todos os quadros armazenados no GIF são mantidos, sem remover duplicatas. Imagens repetidas podem fazer parte da animação de origem. A quantidade de células preenchidas corresponde ao número de quadros guardados no arquivo.
Esta página reúne os quadros em um único PNG. Para baixar uma sequência numerada de imagens individuais em um ZIP, use Extrair quadros de GIF. Essa saída é útil para editar cada imagem separadamente.
Use a imagem como origem em um fluxo que aceite a divisão de uma grade regular. Configure o tamanho das células, o espaçamento e a reprodução no seu projeto. Você baixa apenas o PNG; confira as configurações de importação da engine ou do código.
GIF e PNG codificam imagens de maneiras diferentes, e a saída reúne todos os quadros completos em uma única imagem. Os espaços transparentes e as células vazias também aumentam as dimensões. Uma escala menor pode ajudar, mas não garante um arquivo menor.
Transforme seu GIF em um sprite sheet
Escolha um GIF, organize os quadros completos e baixe um PNG transparente para o seu projeto.