Media Tools
Developer ToolsGerador de Folha de Sprites
Combine imagens de sprites em folhas otimizadas para desenvolvimento de jogos. Gera metadados JSON com coordenadas para fácil integração com motores de jogos.
Fazer Upload de Imagens de Sprites
Arraste e solte imagens aqui ou clique para navegar
Suporta formatos PNG, JPG, WebP e GIF
Related Tools
Sobre o Gerador de Folha de Sprites
Como Funciona
- Faça upload de várias imagens de sprites via arrastar e soltar ou seleção de arquivo
- Organiza automaticamente os sprites em um layout de grade ideal
- Gera uma única imagem de folha de sprites com metadados JSON
- Suporta formatos de saída PNG e WebP com dimensionamento de potência de 2
- Fornece dados de coordenadas para fácil integração com motores de jogos
Casos de Uso Comuns
- Combinar sprites individuais para desenvolvimento de jogos 2D
- Criar atlas de texturas para melhor desempenho de renderização
- Otimizar carregamento de sprites para jogos web
- Gerar folhas de sprites CSS para desenvolvimento web
- Organizar quadros de animação em imagens únicas
- Reduzir chamadas de desenho no desenvolvimento de jogos móveis
Frequently Asked Questions
O que é uma folha de sprites e por que devo usar uma?
Uma folha de sprites (ou atlas de textura) é uma única imagem contendo várias imagens menores (sprites) dispostas em uma grade. O uso de folhas de sprites melhora o desempenho do jogo reduzindo o número de ligações de textura e diminuindo o uso de memória.
Quais formatos de imagem posso fazer upload e quais formatos posso exportar?
Você pode fazer upload de sprites nos formatos PNG, JPG, WebP e GIF. A ferramenta exporta folhas de sprites no formato PNG (com suporte a transparência) ou WebP.
Como funciona o layout automático de grade?
A ferramenta analisa seus sprites enviados e calcula um layout de grade ideal com base na raiz quadrada do número de sprites. Por exemplo, 16 sprites resultariam em uma grade 4x4.
O que é o arquivo de metadados JSON e como o uso?
Os metadados JSON contêm as coordenadas exatas de pixels, largura e altura de cada sprite dentro da folha de sprites gerada. A maioria dos frameworks de jogos pode importar esses metadados diretamente.
O que significa 'Tamanho potência de 2' e devo habilitá-lo?
O tamanho potência de 2 garante que as dimensões finais da folha de sprites sejam potências de 2 (como 256x256, 512x512). Isso é importante para placas gráficas mais antigas e alguns motores de jogos.
Como funciona o dimensionamento de sprites quando têm tamanhos diferentes?
A ferramenta reduz automaticamente sprites maiores para caber na configuração de 'Tamanho máximo de sprite' mantendo a proporção.
Posso controlar o espaçamento entre sprites na folha?
Sim, use a configuração de 'Preenchimento' para adicionar espaçamento em pixels ao redor de cada sprite. Isso evita sangramento de cor e artefatos de filtragem.
O que acontece se eu tiver mais sprites do que células da grade?
Se você fizer upload de mais sprites do que a grade atual comporta, os sprites extras serão ignorados. Aumente o tamanho da grade ou reduza o número de sprites.
Como uso a folha de sprites gerada no meu motor de jogo?
Importe tanto a imagem da folha de sprites quanto os metadados JSON para o seu motor de jogo. Unity usa Sprite Atlases, Godot suporta o formato JSON do TexturePacker, e Phaser.js pode carregar atlas JSON diretamente.
Existe um limite para quantos sprites posso incluir?
A ferramenta pode lidar com dezenas de sprites, mas os limites práticos dependem da memória do navegador e do tamanho final da imagem.
Posso criar sequências de animação com esta ferramenta?
Embora esta ferramenta organize sprites em folhas, ela não cria animações diretamente. No entanto, você pode fazer upload de quadros de animação em sequência e organizá-los em linhas ou colunas.
Qual é a diferença entre fundos transparentes e coloridos?
O fundo transparente (padrão) preserva o canal alfa dos sprites. Fundos brancos ou pretos preenchem áreas transparentes com cor sólida.