Criar uma folha com suas imagens
Esta ferramenta reúne quadros existentes em um PNG; não desenha personagens nem cria poses. Adicione PNG, JPEG ou WebP e arraste as miniaturas. Arrastar a imagem 3 sobre a 2 muda 1, 2, 3, 4 para 1, 3, 2, 4. Use Alt + Esquerda/Direita para ordenar pelo teclado. Remover aparece no canto superior direito ao passar o mouse ou focar, e fica visível em telas de toque. As colunas ficam fixas após o primeiro envio até serem editadas ou a folha ser limpa.
O tamanho automático usa a maior largura e altura das fontes, sem ampliar nem reduzir os pixels. Adicionar ou remover imagens recalcula as células. Escolha colunas e espaço. Tamanho personalizado revela dimensões, ajuste e amostragem apenas para uma necessidade específica do motor. O contorno externo mostra o PNG completo e não é exportado. Os espaços transparentes pertencem à mesma folha, não a arquivos separados.
Entender a grade fixa
Os quadros seguem da esquerda para a direita, depois de cima para baixo. Todas as células têm o mesmo tamanho, incluindo espaço transparente. O espaço vale entre células e na borda externa. A última linha incompleta fica transparente. A quantidade de colunas escolhida é mantida mesmo com menos imagens.
Não há rotação, recorte ou empacotamento ideal. Cada imagem é centralizada. Tamanho original apresenta erro se não couber. Ajustar amplia ou reduz mantendo a proporção e arredonda largura e altura para baixo em pixels inteiros. Ampliação inteira usa o maior fator inteiro que cabe e não reduz.
Dois exemplos para conferir
Três imagens de 16 × 16, quatro colunas, células de 32 × 32 e espaço de 2 px produzem 138 × 36. As células começam em (2, 2), (36, 2) e (70, 2). No tamanho original, o primeiro conteúdo começa em (10, 10), com 8 px livres dentro da célula.
Cinco imagens de 8 × 8, duas colunas, células de 16 × 16 e espaço de 1 px produzem 35 × 52. Ampliação inteira usa 2×. O quinto quadro começa em (1, 35), e a sexta célula fica transparente. A origem das coordenadas está no canto superior esquerdo.
Ler e salvar as coordenadas
Salvar PNG grava a composição com transparência. O quadriculado opcional não faz parte do arquivo. A seção recolhida de dados para jogos contém Salvar JSON e uma tabela opcional para localizar quadros pelo código. Para usar só a imagem, PNG basta. As colunas mostram nome, esquerda, topo, largura e altura da célula em pixels. Linhas visíveis começam em 1 e índices JSON em 0.
Cada quadro inclui index começando em zero, nome do arquivo e x, y, width e height inteiros para a célula completa. content indica o retângulo desenhado; source registra as dimensões originais decodificadas. Os nomes podem se repetir: use index para distinguir. JSON é um mapa de coordenadas, não um arquivo de imagens nem projeto recarregável. Guarde PNG e JSON juntos.
Quais ajustes preservam pixel art?
Use Tamanho original ou Ampliação inteira com Vizinho mais próximo. Fatores inteiros geram blocos iguais. Ajustar pode usar fatores fracionários e produzir pixels com larguras desiguais. Suave mistura bordas e serve para ilustrações. JPEG não tem transparência: seu fundo não é removido ao carregar.
Quais são os limites?
Até 40 arquivos, 10 MiB por arquivo e 40 MiB no total. Cada imagem admite 8192 px por lado e 16.777.216 pixels; o total decodificado é de 33.554.432 pixels. A saída tem os mesmos limites de uma entrada. Células personalizadas de 1–2048 px, colunas de 1–40 e espaço de 0–256. Reduza dimensões ou divida o lote quando necessário.
O que acontece se um envio falhar?
Imagens danificadas, incompatíveis ou animadas são rejeitadas. Um lote inválido preserva os quadros aceitos anteriormente. Limpar cancela carregamentos pendentes. As imagens são decodificadas localmente e liberadas ao remover ou substituir. Salve antes de fechar ou trocar de idioma: o projeto não permanece entre visitas.
Converte GIF ou anima personagens?
Não. A página organiza imagens estáticas fornecidas por você. Não extrai GIF, cria personagens com IA, gera tempos de animação, gira, recorta, cria ZIP nem fornece personagens de terceiros. O JSON é genérico; seu motor pode exigir adaptação de nomes de campos ou convenções de coordenadas.