Crie um sprite sheet a partir de imagens

Reúna quadros de animação ou ícones em um único sprite sheet para jogos e CSS. Escolha as colunas e a margem interna e obtenha um atlas JSON compatível com Phaser, PixiJS e outros motores.

Suas imagens são processadas no seu dispositivo e nunca são enviadas.

Solte suas imagens aqui

ou arraste e solte

Aceita PNG, WEBP, GIF, JPG · Até 512 MB por arquivo

Como usar esta ferramenta

  1. 01

    Adicione seus quadros, na ordem da animação.

  2. 02

    Defina o número de colunas e a margem entre os quadros.

  3. 03

    Processe e baixe o sprite sheet, com ou sem o atlas JSON.

Quadros exatos ao pixel

Os quadros nunca são escalados. Cada um fica no canto superior esquerdo de uma célula de tamanho igual, e o atlas registra a posição e o tamanho exatos.

Atlas compatível com motores

O JSON usa o formato hash do TexturePacker, amplamente aceito, com a chave sendo o nome de arquivo de cada quadro.

Perguntas frequentes

Qual é o formato do sheet?

PNG, para que a transparência seja mantida.

Os quadros precisam ter o mesmo tamanho?

Não. As células têm o tamanho do maior quadro, e o atlas registra o tamanho real de cada quadro.

Minhas imagens são enviadas?

Não. O sheet é montado no seu navegador.

Ferramentas relacionadas