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
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
Gerador de Pixel Art
Envie uma imagem e converta-a em blocos de Minecraft — com lista de materiais, planta de construção e comandos /fill. Tudo no navegador.
Criado por Eric Mager
Comprimir e redimensionar imagens
Comprima e redimensione imagens online: reduza o tamanho de JPG, PNG e WebP, defina um tamanho desejado em KB ou converta formatos, como PNG para JPG. Tudo funciona no navegador.
Criado por Dimitri Heissler
Recortar imagem (Image Cropper)
NovoRecorte imagens livremente, em círculo ou em formatos fixos, como miniatura do YouTube, banner do Discord, Story do Instagram e capa do X, com precisão de pixels e em PNG, JPG ou WebP. Funciona inteiramente no navegador.
Criado por Luca Stanek
Converter SVG em PNG (SVG to PNG)
NovoConverta SVG em PNG: salve gráficos vetoriais nítidos em qualquer tamanho como PNG, JPG ou WebP, com fundo transparente e modelos para favicon, emoji do Discord e ícone de servidor do Minecraft. Tudo direto no navegador.
Criado por Luca Stanek
Gerador de favicons
Crie um conjunto completo de favicons a partir de qualquer imagem — favicon.ico, Apple-Touch-Icon, ícones Android-Chrome, site.webmanifest e um excerto HTML pronto para copiar — inteiramente no navegador.
Criado por Jakub Martyniak
Seletor de cores em imagem
Identifique o código de uma cor em uma imagem: conta-gotas com lupa, HEX, RGB e HSL, paleta de cores da imagem e indicação de contraste. A imagem permanece no navegador.
Criado por Dimitri Heissler
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 suporteAlugue 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.
Sem configuração. Sem riscos. Online em segundos.
Procurando mais ferramentas? Ver todas as ferramentas de imagem e design
