Gerador de sprite sheets online grátis
Monte uma sprite sheet com suas imagens ou quadros de um GIF. Ajuste a grade, confira a animação e exporte PNG, quadros em ZIP ou atlas JSON diretamente no navegador.
Selecione imagens PNG, JPG ou WebP para montar uma sprite sheet.
Kenney · Platformer Characters · CC0. Duas poses prontas, processadas localmente. Limpe o exemplo para usar suas imagens.
Arraste os quadros para cá ou selecione os arquivos de imagem.
Selecione imagens PNG, JPG ou WebP. Os quadros podem ter tamanhos diferentes.
Reutilize a disposição sem incluir suas imagens.
Quadros: 0
Adicione quadros para visualizar a sprite sheet.
PNG · ZIP · JSON · Phaser
Duas poses de perfil criadas por Kenney, organizadas pelo mesmo empacotador e exportador PNG deste editor. O exemplo mostra a organização de imagens prontas, sem geração por IA.
adventurer_walk1.png
adventurer_walk2.png
adventurer_walk1.png → adventurer_walk2.png. Esta é a ordem fornecida; o editor não ordena os nomes automaticamente.
Kenney · Platformer Characters · CC0. São apenas duas poses distintas; não há quadros duplicados nem um ciclo completo de caminhada.
As maiores largura e altura de entrada definem a célula comum na escala escolhida. Os retângulos menores ficam centralizados. Mantenha o tamanho das telas e as posições do personagem consistentes e confira os pés e os pivôs na engine.
O espaçamento separa células vizinhas. A margem externa contorna toda a sheet. Ambos alteram as dimensões; confira os retângulos e o filtro da textura na engine para evitar que bordas vizinhas apareçam no sprite.
Siga o fluxo completo ou confira uma sheet existente antes de exportar. Estes guias estão em inglês.
Transforme quadros separados em uma sheet em três etapas. A prévia é atualizada localmente quando você muda a disposição.
Arraste imagens PNG, JPG ou WebP ou mude para o modo GIF para extrair os quadros na ordem.
Escolha uma grade ou faixa e ajuste colunas, espaçamento, margem externa, escala e fundo enquanto confere a prévia.
Baixe o PNG, quadros individuais em ZIP ou um atlas JSON genérico ou do Phaser.
Antes de exportar, confira tamanho, bordas e tempo da animação (artigos em inglês): Escolher tamanho consistenteConferir espaçamento e vazamento de texturaPlanejar tempos e pausas
Organize quadros de personagens, efeitos, tiles e interfaces em uma sheet para Phaser, Godot, Unity ou sua própria engine.
Leitura de imagens, decodificação de GIF, prévia e exportação usam APIs locais do navegador. Os arquivos de origem não são enviados a um servidor.
Monte uma grade, faixa horizontal ou vertical e exporte PNG, quadros em ZIP, JSON genérico ou JSON do Phaser na mesma área de trabalho.
Crie um atlas de textura com seus quadros. Organize o PNG no navegador e exporte JSON genérico ou do Phaser, sem enviar arquivos a um servidor.
Converta um GIF em sprite sheet no navegador. Extraia quadros na ordem, confira o tempo de reprodução e exporte PNG, ZIP ou atlas JSON.
Separe uma sprite sheet em quadros por linhas e colunas ou por dimensões fixas, diretamente no navegador.
Sim. Nos modos de imagens e GIF você pode exportar uma sheet PNG, quadros PNG individuais em ZIP ou um ZIP com PNG e JSON genérico ou do Phaser. O separador exporta quadros PNG em ZIP. Tudo é processado no navegador, sem cadastro.
Não. A leitura das imagens, decodificação de GIF, separação, prévia e exportação acontecem localmente no navegador.
A ferramenta aceita quadros PNG, JPG e WebP, GIF animado para extração de quadros e sprite sheets existentes para recorte.
Escolha imagens ou um GIF, ajuste a grade, o espaçamento e a margem externa e exporte a sheet PNG. Na mesma área você também pode baixar quadros em ZIP ou metadados de atlas JSON.
Sim. Exporte uma grade PNG para recortar no Unity ou Godot, JSON genérico para um carregador próprio ou JSON do Phaser para carregar um atlas de textura no Phaser.
As imagens mantêm a ordem fornecida pelo seletor de arquivos ou ao arrastar; os nomes não são ordenados automaticamente. A grade é preenchida da esquerda para a direita e de cima para baixo. O GIF mantém a ordem extraída. Confira a animação antes de exportar.
As maiores largura e altura determinam uma célula comum na escala escolhida. Imagens menores ficam centralizadas. Para uma animação estável, mantenha os tamanhos das telas e as posições do personagem consistentes e confira o pivô na engine.
O espaçamento é a distância entre células; a margem externa contorna a sheet. Largura = 2 × margem + colunas × largura da célula + (colunas − 1) × espaçamento. Para a altura, use linhas e altura da célula. Por exemplo, 12 quadros de 128 × 128, em 4 colunas, com 2 px de espaçamento e sem margem produzem uma sheet de 518 × 388 px.
Confira o tamanho das telas de origem, a posição do personagem, a ordem dos quadros e o pivô na engine. Centralizar imagens menores na célula não garante que o personagem fique na mesma posição.
Confira os retângulos dos quadros, espaçamento, margem externa e filtragem da textura na engine. O espaçamento separa células; a margem contorna a sheet. Os valores corretos dependem do importador e do filtro.