Ir para o conteúdo
Ferramenta gratuita

Cortador de sprite sheets: separe uma sprite sheet em frames individuais

O Sprite Sheet Cutter divide seu PNG, JPG ou GIF em quadros individuais por colunas e linhas ou pelo tamanho do sprite. Por exemplo, uma folha de 274 × 138 px, com 8 colunas e 4 linhas, vira 32 PNGs de 32 × 32 px cada. Gratuito, sem cadastro e sem enviar arquivos: sua imagem é processada apenas no navegador.

Criado por Justin Schuessler

Sprites prontos? Teste seu Mod no seu próprio servidor de Minecraft.

Arraste um Sprite Sheet para cá ou selecione um

PNG, JPG ou GIF, inclusive spritesheets grandes, como 8192 × 8192 px, com até 10.000 frames por grade. Você também pode colar com Ctrl+V.

Sua imagem permanece no seu navegador: ela não é enviada nem salva.

Nenhuma sprite sheet carregada

A prévia da animação aparecerá assim que a grade estiver válida.

Download

Cada frame é salvo como PNG, sem perda de qualidade e com transparência, mesmo que o original seja um JPG.

Grade

Carregue um sprite sheet para detectar a grade automaticamente.

Exemplo de resultado

Como o Sprite Sheet Cutter divide um Sprite Sheet

A ferramenta detecta colunas, linhas, deslocamento e espaçamento pelos espaços transparentes ou usa os valores que você informar. Ela mostra a grade em tempo real e salva cada frame como PNG. O exemplo usa a folha do botão “Carregar folha de exemplo”; seus valores dependem da sua imagem.

Exemplo · Entrada: 274 × 138 px, 8 colunas, 4 linhas, offset 2 px, espaçamento 2 px

Quadros
32
Tamanho do quadro
32 × 32px
Grade
8 × 4
Colunas × linhas
Espaço restante não utilizado
2 / 2px
direita / baixo

Saída

beispiel-sprite-sheet-frames.zip
sprite_00.png   x   2  y   2  32 × 32sprite_01.png   x  36  y   2  32 × 32sprite_02.png   x  70  y   2  32 × 32sprite_08.png   x   2  y  36  32 × 32…sprite_31.png   x 240  y 104  32 × 32
  • sprite_{index}Padrão dos nomes dos arquivos: numeração sequencial com zeros à esquerda até dois dígitos
  • x / yPosição do frame no sheet: offset mais os frames e o espaçamento anteriores

Por que esta ferramenta

Um Sprite Sheet Splitter que mostra a grade

Feito para modders, desenvolvedores indie e todos que preparam gráficos de jogos para o próprio servidor.

Grade detectada, exibida ao vivo sobre a imagem

A ferramenta detecta automaticamente as colunas, linhas, margens e espaçamentos pelas áreas transparentes. Cada ajuste move a grade imediatamente, para você conferir antes de exportar se todos os frames estão alinhados.

Selecionar quadros específicos

Um clique seleciona ou desmarca um frame; Shift+clique seleciona uma faixa inteira. Exporte apenas o ciclo de corrida em vez da folha inteira, como PNGs separados ou em um ZIP.

Conferir a animação antes de baixar

Os frames selecionados são reproduzidos em loop, com velocidade ajustável de 1 a 60 FPS. Assim, um deslocamento incorreto fica evidente pelos engasgos na animação.

Dividir GIF em quadros

Os quadros individuais de animação são extraídos de um GIF animado e compostos corretamente. Muitos GIFs armazenam apenas as áreas alteradas, mas aqui cada quadro sai completo.

Precisão de pixel em PNG

Os quadros são copiados sem suavização e salvos como PNG sem perda de qualidade. A transparência é preservada, e a pixel art continua nítida ao ampliar.

Sem upload, mesmo para sprite sheets grandes

A imagem é processada apenas no seu navegador; nada é enviado a um servidor. Mesmo spritesheets de 8192 × 8192 pixels podem ser ampliadas sem travamentos, pois apenas a parte visível é renderizada.

Como funciona

Como dividir uma folha de sprites em quatro etapas

Da sprite sheet ao ZIP, sem conta e sem upload.

Passo 1

Carregar Sprite Sheet

Arraste um PNG, JPG ou GIF para a área, selecione o arquivo ou cole-o com Ctrl+V. Em PNGs e GIFs com transparência, a ferramenta detecta a grade pelos espaços entre os sprites, incluindo margem, espaçamento e linhas divisórias desenhadas.

Passo 2

Conferir a grade e ajustar se necessário

A grade aparece sobre a imagem em tempo real. Se não estiver correta, informe em «Ajustar grade» as colunas e linhas ou o tamanho do sprite, além do deslocamento e do espaçamento. Para JPGs, você sempre configura a grade manualmente.

Passo 3

Testar animação

A prévia da animação reproduz os quadros em loop de 1 a 60 quadros por segundo; com as setas, você avança quadro a quadro. Se a animação estiver travando, geralmente o deslocamento ou o espaçamento ainda precisa de ajuste.

Passo 4

Selecionar e baixar quadros

Selecione quadros individuais com um clique, um intervalo com Shift+clique ou todos os quadros, defina o padrão de nome de arquivo com {index}, {row} e {col} e baixe-os como PNGs ou reunidos em um ZIP.

Guia

Configurar grade: colunas, linhas, tamanho dos sprites, offset e espaçamento

Há dois caminhos para chegar à mesma grade. Use aquele cujos valores você conhece; a ferramenta calcula e mostra os demais.

Colunas e linhas
Quantidade de quadros lado a lado e de cima para baixo. A ferramenta calcula o tamanho do sprite a partir desses valores.
Largura e altura do sprite
O tamanho de um quadro em pixels, se você souber, por exemplo, 16, 32 ou 64 px. A ferramenta calcula as colunas e linhas a partir desse valor.
Offset X e Y
A margem superior e esquerda antes do primeiro frame. Muitas folhas de sprites têm 1 ou 2 pixels nessa margem.
Espaçamento X e Y
O intervalo entre dois frames. Ele só é contado entre os frames, não após o último.

Como a ferramenta faz o cálculo

Largura do sprite = (largura da imagem − deslocamento − espaçamento × (colunas − 1)) ÷ colunas

Exemplo: uma folha com 274 px de largura, deslocamento de 2 px, espaçamento de 2 px e 8 colunas resulta em (274 − 2 − 2 × 7) ÷ 8 = 32,25, arredondado para baixo: 32 px por quadro. Sobram 2 px na borda direita.

Se uma configuração não for compatível com a imagem, como mais colunas do que pixels ou um Offset maior que a imagem, a ferramenta mostrará o motivo em vez de exportar frames incorretos sem avisar. Uma grade pode ter no máximo 10.000 frames.

Encontrar grade

Automaticamente, manualmente ou por área: como a ferramenta encontra a grade

O método mais adequado depende da sua folha. Os três resultam na mesma grade uniforme.

Detectar automaticamente

Em PNGs e GIFs com transparência, a ferramenta procura os espaços transparentes entre os sprites e as linhas divisórias de cor única. A partir deles, determina colunas, linhas, deslocamento e espaçamento, para imagens de até 8192 × 8192 pixels.

Configurar manualmente

Para JPGs, imagens maiores que 8192 × 8192 pixels ou quando a detecção falhar, informe as colunas e linhas ou o tamanho do sprite, além do deslocamento e do espaçamento. Se algum valor não corresponder à imagem, a ferramenta explica o motivo.

Arrastar área

Em uma folha mestra com blocos de tamanhos de célula diferentes, você desenha um retângulo ao redor de um bloco. A ferramenta identifica a grade apenas nessa área, e as bordas se alinham aos espaços entre os sprites.

Atlas de texturas compactados, com quadros de tamanhos diferentes distribuídos irregularmente, não podem ser divididos por uma grade. As coordenadas ficam no arquivo do atlas gerado pelo programa de empacotamento, que esta ferramenta não lê.

Divisor de GIF

Dividir GIF em quadros individuais

Um GIF animado não é uma imagem única, mas uma sequência de imagens. Há um modo específico para isso.

Primeira imagem como sprite sheet

Se o seu GIF for, na verdade, uma sprite sheet, desative “Exportar frames do GIF”. A ferramenta usará a primeira imagem como um PNG e detectará a grade.

Exportar quadros do GIF

Ao abrir um GIF animado, a ferramenta entra diretamente nesse modo e separa a animação em imagens individuais, até 200 frames. A ferramenta usa a velocidade do GIF na prévia.

Frames completos em vez de fragmentos

GIFs muitas vezes armazenam apenas a área que muda e definem o que acontece com o quadro anterior. A ferramenta compõe cada quadro seguindo essas regras, evitando imagens incompletas ou borradas.

Descobrir mais

Mais ferramentas

FAQ

Perguntas frequentes

Respostas rápidas sobre sprite sheets, quadros de GIF e este cortador de sprite sheets.

Um Sprite Sheet Cutter, também chamado de Sprite Sheet Splitter ou Slicer, divide uma folha de sprites em imagens individuais. Uma folha de sprites é uma imagem que reúne, em uma grade, vários quadros do mesmo tamanho de uma animação ou ícones diferentes. Assim, os jogos carregam um único arquivo em vez de centenas de imagens pequenas. Mas, para editar, criar Mods ou usar outra ferramenta, muitas vezes você precisa dos quadros separados.

Carregue a folha na ferramenta. Geralmente, ela detecta a grade sozinha; caso contrário, configure as colunas e linhas ou o tamanho de um sprite. Confira a grade na prévia e reproduza a animação de 1 a 60 quadros por segundo. Quando todos os quadros estiverem alinhados, baixe-os em um ZIP ou selecione antes os desejados com um clique. Isso geralmente leva menos de um minuto.

Sim, para PNGs e GIFs com transparência. A ferramenta procura os espaços transparentes entre os sprites e determina colunas, linhas, margem e espaçamento. Ela também reconhece linhas divisórias de cor única entre os quadros. JPGs não têm transparência; nesse caso, você configura a grade por colunas e linhas ou pelo tamanho do sprite, e a ferramenta calcula o outro valor. Se a detecção estiver incorreta, corrija-a em «Ajustar grade». «Detectar automaticamente» restaura os valores detectados.

Offset é a margem superior e esquerda antes do primeiro frame. Spacing é a distância entre dois frames, por exemplo, uma linha divisória de 2 pixels. Spacing só conta entre os frames, não depois do último. A ferramenta mostra os pixels restantes à direita ou embaixo como área não utilizada.

Sim. Ao abrir um GIF animado, a ferramenta entra diretamente no modo GIF: ela divide a animação em até 200 quadros individuais e recompõe cada um por completo, mesmo que o GIF armazene apenas as áreas alteradas. Você baixa os quadros como PNGs ou juntos em um ZIP. Se o GIF for, na verdade, uma folha de sprites, desative «Exportar quadros do GIF» para usar o primeiro quadro como folha. Assim, a ferramenta funciona como Sprite Sheet Cutter e divisor de GIF.

Arquivos PNG individuais, um por quadro, opcionalmente reunidos em um ZIP. O PNG não perde qualidade e preserva a transparência, mesmo quando o original é um JPG. Um sprite sheet de 274 × 138 px, com 8 colunas, 4 linhas, offset de 2 px e espaçamento de 2 px, gera 32 quadros de 32 × 32 px cada, salvos de sprite_00.png a sprite_31.png em um ZIP. Os nomes seguem um padrão com {index}, {row} e {col}; o padrão é sprite_{index}. A contagem começa em 0 ou 1 e pode ser preenchida com zeros; nomes repetidos recebem _2, _3 no ZIP.

A ferramenta é gratuita e não exige conta. A imagem é lida e dividida no seu navegador, onde o arquivo fica disponível para download. Não há envio nem armazenamento. Na aba Rede das ferramentas de desenvolvedor, você pode verificar que nenhuma solicitação contendo sua imagem é feita durante a divisão.

PNG, JPG e GIF de até 200 MB e até 16.384 pixels por lado. A ferramenta detecta automaticamente a grade em imagens de até 8192 × 8192 pixels; uma grade pode ter até 10.000 quadros. Ela trabalha com uma grade uniforme: em uma folha mestra com blocos de tamanhos de célula diferentes, use «Selecionar área» para desenhar um retângulo ao redor de um bloco. Se a última linha estiver parcialmente preenchida, use «Ignorar quadros vazios». A ferramenta não divide atlas de texturas compactados com quadros distribuídos irregularmente.

Mais alguma pergunta?

Contatar o suporte
Sprites prontos?

Alugue seu próprio servidor de jogos em 60 segundos

Teste seus Mods, pacotes de texturas e ideias de jogo em um servidor próprio com proteção contra DDoS, gerenciamento fácil de Mods e desempenho suficiente para sua comunidade.

4,4/5 Trustpilot32.000+ Servidores ativosDesde 2010

Sem configuração. Sem riscos. Online em segundos.

Duração flexívelCancele a qualquer momentoOnline em 60 segundos

Procurando mais ferramentas? Ver todas as ferramentas de imagem e design