Como dividir sprite sheets e assets de jogos
Extraia sprites individuais e elementos de jogos de sprite sheets. Guia para desenvolvedores e designers trabalhando com assets em tiles.
Experimente nossa ferramenta gratuita
Sem registro necessário, processamento 100% local.
Sprite sheets combinam múltiplos gráficos de jogo em um único arquivo, melhorando o desempenho de carregamento. Mas quando você precisa editar sprites individuais ou usar assets de uma folha, precisa separá-los.
Dividir sprite sheets requer precisão - assets de jogos frequentemente são pixel-perfect, e qualquer desalinhamento causa glitches visuais no seu jogo.
Nossa ferramenta divide sprite sheets em assets individuais perfeitamente alinhados, seja você trabalhando com tiles 16×16 pixels ou sprites complexos maiores.
Sumário
Entendendo layouts de sprite sheet
Grids uniformes: layout mais comum onde cada sprite ocupa célula do mesmo tamanho (ex: 32×32 pixels).
Folhas compactadas: sprites são compactados com tamanhos variados, frequentemente com metadados definindo limites.
Tiras de animação: quadros sequenciais de animação arranjados horizontal ou verticalmente.
Calculando dimensões de sprite
Conte os sprites em cada linha e coluna. Divida as dimensões da folha pela contagem para obter o tamanho da célula.
Para folha 512×512 com sprites 16×16, você tem 32 colunas e 32 linhas (1024 sprites no total).
Atenção ao padding - algumas folhas incluem lacunas de 1-2 pixels entre sprites para prevenir sangramento de textura.
Lidando com padding e margens
Se sprites têm padding de 1px, uma célula '32×32' é na verdade 33×33. Considere isso na configuração.
Após dividir, você pode precisar aparar o padding dos sprites dependendo do uso.
Nossa ferramenta pode considerar padding consistente - especifique tamanho de célula e padding separadamente.
Ferramentas recomendadas
Divida uma imagem em várias partes iguais online gratuitamente. Ideal para Insta...
Como fazer em 3 passos
Identifique a estrutura do sprite sheet: tamanho de célula, número de linhas/colunas, qualquer padding.
Faça upload do sprite sheet na ferramenta.
Configure o grid baseado nos seus cálculos (ex: 16 colunas × 16 linhas para um grid 16×16).
Gere sprites individuais. Arquivos são nomeados por posição para fácil referência.
Importe sprites individuais para sua engine de jogo ou software de edição.
Dicas de especialistas
- Mantenha uma versão original.
- Teste vários níveis de qualidade.
- Use WebP quando possível.
- Escolha um nome de arquivo descritivo.
Erros comuns a evitar
- ✗Contar linhas ou colunas erradamente, causando sprites desalinhados.
- ✗Não considerar padding, resultando em sprites com bordas parciais.
- ✗Usar formatos com perdas (JPEG) para pixel art, causando borrões.
- ✗Esquecer que algumas folhas usam tamanhos de célula não uniformes.
Perguntas frequentes
Pronto para experimentar?
Nossa ferramenta é gratuita, sem registro e respeita sua privacidade.
Usar Séparer imagesArtigos relacionados
Descubra nossos guias e tutoriais para Séparer imagesComo dividir uma imagem em várias partes?
Aprenda a dividir imagens em várias partes iguais para grids do Instagram, impressão ou criação de a...
Como dividir imagens para grids do Instagram
Crie layouts impressionantes de grid do Instagram dividindo uma imagem em múltiplos posts. Guia pass...
Como fatiar imagens para impressões panorâmicas e grandes
Divida fotos panorâmicas e imagens grandes para impressão em várias páginas. Crie posters, banners e...