GIFs costumam guardar só os pixels que mudaram entre um frame e outro, então uma extração ingênua gera sprites com buracos e restos do frame anterior. Este conversor reproduz cada frame com seu método de descarte, do jeito que o navegador faz, para que todo frame do sprite sheet saia inteiro. Ele também mantém o atraso de cada frame, o que importa em animações que seguram uma pose.
Como usar: GIF para Sprite Sheet
- Solte um GIF animado (ou teste o exemplo). Cada frame é decodificado com seu atraso e descarte.
- Escolha o trecho de frames e use Manter um a cada N frames para reduzir um GIF longo à metade ou a um terço. Os frames mantidos absorvem o tempo dos pulados, então a velocidade continua a mesma.
- Clique nos frames da tira para deixar frames individuais de fora.
- Cortar até o conteúdo recorta todos os frames com uma única caixa, para o sprite ficar no lugar. Adicione espaçamento se a sua engine precisar de uma folga em volta.
- Se o GIF tiver fundo sólido em vez de transparência, ative Remover cor de fundo.
- Escolha o tempo original ou um FPS fixo e exporte o sprite sheet, o arquivo de dados, um GIF ou um ZIP com tudo.
O que você recebe
- Sprite sheet PNG, transparente, em grade com colunas automáticas ou fixas.
- Aseprite JSON com a duração de cada frame vinda do GIF, além de Phaser/TexturePacker JSON, um SpriteFrames
.tresdo Godot 4, sprites CSS e configurações de fatiamento para Unity. - GIF recodificado após suas edições, em escala de 1× a 8×.
- ZIP com tudo isso e cada frame como um PNG separado.
Com quais engines funciona
- Aseprite JSON mantém durações de frame irregulares. Importadores para Godot como o Aseprite Wizard e importadores de Aseprite para Unity leem o arquivo direto.
- Godot 4 .tres usa velocidade fixa com durações relativas por frame, então frames segurados continuam segurados.
- Phaser 3: carregue como atlas com o JSON hash e monte a animação com os nomes de frames listados em
animations.
Dicas de quem faz jogos com ela
- GIFs de pixel art com 255 cores ou menos são recodificados sem perdas aqui, já que a ferramenta usa as cores exatas em vez de quantizar de novo.
- Muitos GIFs encontrados na internet são pixel art ampliada 2× ou 3×. A ferramenta detecta isso e restaura os pixels reais em 1×, o que deixa seu sprite sheet pequeno e nítido.
- Os navegadores reproduzem atrasos de GIF abaixo de 20 ms como 100 ms. A ferramenta faz o mesmo, então a prévia bate com o que você via antes.
- Para engines que só aceitam um FPS único, mude o Tempo para FPS fixo e confira a prévia para garantir que as poses seguradas continuam legíveis.
Casos de uso
- Levar para uma engine um GIF de um projeto antigo ou de um editor de pixel art que só exportava GIF.
- Transformar um GIF feito por uma ferramenta de animação com IA em frames que você pode editar e limpar.
- Dividir um GIF em frames PNG numerados para retocar no Aseprite, LibreSprite ou Photoshop.
- Criar uma animação de sprite em CSS para um site a partir de um GIF existente.
Perguntas frequentes
Por que alguns frames de GIF saem com pixels faltando em outros conversores?
GIFs podem guardar um frame só como a região que mudou e dizer o que acontece com ela depois (manter, apagar ou restaurar o frame anterior). Ferramentas que ignoram esse método de descarte geram frames quebrados. Esta aplica o descarte, então cada frame sai completo.
O tempo original dos frames é mantido?
Sim. O atraso de cada frame é lido do GIF e gravado no Aseprite JSON e no recurso do Godot. Você pode mudar para um FPS fixo se a sua engine precisar.
Dá para converter um GIF com fundo branco ou colorido em transparente?
Ative Remover cor de fundo. Ele remove a cor encontrada em volta da borda do frame. Para fundos difíceis, exporte e passe o sprite sheet pelo Removedor de Fundo de Sprites.
Existe limite de tamanho ou de frames?
Não há limite fixo. Tudo acontece na memória do seu navegador, então GIFs muito grandes (centenas de frames em alta resolução) dependem do seu dispositivo.
Meu GIF é enviado?
Não. O GIF é decodificado no seu dispositivo, em um worker em segundo plano. Nenhum arquivo sai do seu computador.
E clipes MP4 ou WebM?
Esta ferramenta lê arquivos GIF. Para vídeo, use a ferramenta Vídeo para Sprite Sheet, que captura cada frame de qualquer clipe que seu navegador consiga reproduzir e remove fundo verde de chroma key.