Criar GIF com imagens
Transforme imagens ordenadas em uma animação GIF. Ajuste a área comum, a duração de cada quadro, as repetições, a paleta e o pontilhamento.
GIF para spritesheet
Quadros em grade · Arquivo de coordenadas
As imagens ficam no seu dispositivo
Arraste imagens ou um arquivo ZIP aqui
Você também pode colar uma imagem ou selecionar várias de uma vez.
GIF
Ajustes
Configurações avançadas
Opções de exportação
Enquadramento da foto de identificaçãoA detecção no dispositivo apenas sugere o recorte; você ainda pode ajustá-lo antes de exportar.
O enquadramento desta imagem ainda não foi confirmado.
Fundo da foto de identificaçãoRecorte de retrato opcional no dispositivo; a imagem original não é enviada.
Dimensões
Tamanho predefinidoTamanhos comuns das plataformas
Escolha um ou mais tamanhos; cada imagem será exportada em todos eles.
Área segura do ícone
Um único enquadramento gera favicon, ícones PWA e tamanhos comuns de aplicativos, além do manifest.
Área de corteArraste a moldura para mover ou redimensionar
Rotação0°
Qualidade
Espaço em cada ladopx
Ampliar imagemReal-ESRGAN · 2×
Selecionar uma cor da imagem
Intervalo de quadrosDeixe o último quadro em branco para ir até o fim.
Base64 ocupa mais espaço. A entrada é limitada para proteger a memória do navegador.
Arquivos
0 · 0 selecionadas
Nenhuma imagem selecionada.
Sobre a ferramenta
Use uma textura única quando o site ou jogo precisa controlar a animação. O pacote fornece a folha e os arquivos de mapeamento; a reprodução pelas coordenadas e tempos fica por conta do seu projeto.
Como usar
GIF para spritesheet
Para que serve
Organize quadros de GIF em uma folha PNG com colunas e espaçamento. Exporte coordenadas JSON, tempos dos quadros e posições CSS.
Como usar
Defina colunas e espaço para organizar os quadros do GIF em uma única sprite. Um mapa de coordenadas também é gerado para web ou jogos.
Resultados e próximos passos
A imagem principal acompanha coordenadas, manifesto ou código. O ZIP completo preserva a relação.
Privacidade e processamento local
O processamento acontece no navegador. Esta ferramenta não envia as imagens originais.
Perguntas frequentes
A folha reproduz a animação sozinha? Onde ficam os tempos?
O PNG é estático. O JSON informa coordenadas, medidas e duração efetiva após a decodificação; tempos ausentes ou iguais a zero passam a 100 ms. O CSS fornece posições de fundo. Seu site ou jogo precisa implementar a reprodução, e folhas grandes também seguem o limite de pixels da área de desenho.
Aumentar as colunas resolve uma folha de sprites grande demais?
As colunas equilibram largura e altura, mas não reduzem o total de pixels dos quadros. Se o limite continuar sendo excedido, reduza suas dimensões ou quantidade no editor GIF. Use as coordenadas recém-exportadas com a nova folha.
Ferramentas relacionadas
Abre em uma nova aba
Comentários
0