Cavaleiro em pixel art correndo
Seis quadros em transparência, encontrados pelo fundo e deixados no mesmo tamanho, para a animação rodar sem pulos.
Cortar sprite sheet: cada sprite em um PNG
Cortar uma sprite sheet leva segundos: solte a imagem e esta ferramenta grátis encontra cada sprite em um fundo transparente ou de uma cor só, ou corta tudo por grade. Baixe os quadros em PNG, em um GIF em loop ou em um atlas JSON, tudo no seu navegador.
Cortador de sprite sheetGrátis · roda no seu navegador
Solte uma sprite sheet aqui
PNG, JPG, WebP ou GIF. Tudo fica no seu navegador.
- Grátis, roda no seu navegador
- Encontra os sprites pelo fundo
- Grade por quantidade ou tamanho de célula
- PNG, GIF e atlas JSON
Exemplos de sprite sheets cortadas
Oito sprite sheets feitas para estes exemplos, cada uma cortada pelo próprio cortador desta página. Abra uma e experimente separar sprites com todos os ajustes.
Itens de RPG em magenta
Doze ícones de inventário em um fundo magenta sólido, cada um recortado como PNG transparente.
Ícones de app em fundo branco
Doze ícones flat; partes a poucos pixels de distância, como as rodas de um carrinho, ficam com o seu ícone.
Efeito de explosão, grade 4 × 2
Oito quadros do efeito cortados por colunas e linhas e depois reproduzidos como GIF em loop.
Slime quicando parado
Quatro quadros com as sombras no chão, alinhados embaixo no centro para a animação.
Moeda girando, grade 8 × 1
Oito quadros com um brilho suave; o ajuste de brilho fraco mantém cada moeda separada.
Tileset de plataforma
Dezesseis tiles encostados uns nos outros, cortados com um tamanho de célula de 128 px.
Cartela de figurinhas de emoji
Doze carinhas em um fundo cinza-claro, prontas para virar figurinhas de chat.
Como cortar uma sprite sheet
Três passos, e nada é enviado.
Arraste, cole ou escolha um PNG, JPG, WebP ou GIF. A imagem fica no seu aparelho.
“Pelo fundo” encontra cada sprite em transparência ou em uma cor só, magenta e branco inclusive. “Por grade” corta células iguais por colunas e linhas ou por tamanho de célula, com deslocamento e espaçamento.
Salve cada sprite como PNG em um único ZIP, reproduza os quadros e salve um GIF animado, ou leve um atlas JSON para a sua engine.
O que este sprite sheet cutter faz de melhor
Seis pontos fortes, de um conjunto de ícones a uma animação inteira.
Sprite sheetFundos transparentes ou de uma cor só
Ele lê o fundo nas bordas da imagem: transparência, magenta, branco ou qualquer cor chapada, dentro da tolerância que você definir. Cada sprite sai como PNG transparente.
Sprite sheetAs partes ficam com o seu sprite
Pedaços a poucos pixels de distância, como o brilho de uma espada, uma sombra ou as rodas de um carrinho, se juntam ao sprite, e pontinhos soltos ficam de fora. Os sprites são numerados na ordem de leitura.
Quadros de animação alinhados
“Quadros do mesmo tamanho” coloca cada sprite em uma tela do mesmo tamanho, embaixo no centro, para os pés continuarem no chão. Reproduza os quadros em qualquer velocidade e salve um GIF em loop.
Um atlas JSON para a sua engine
Baixe os nomes e as posições dos quadros no formato JSON hash que o Phaser e o PixiJS leem, junto com os PNGs.
Grades, pixel art e margem
Corte por colunas e linhas ou por tamanho de célula com deslocamento e espaçamento, pule células vazias, adicione margem e amplie pixel art 2× ou 4× com pixels nítidos.
Fundos complexos vão para a IA
Uma imagem sem fundo limpo, como uma cena pintada ou uma foto, vai com um clique para “Recortar objetos”, que recorta cada objeto com IA por 1 crédito.
Guia para cortar uma sprite sheet com sprites limpos
Seis dicas rápidas para separar sprites limpos com esta ferramenta.
Escolha o modo certo
Use “Pelo fundo” quando os sprites estão separados em transparência ou em uma cor só, mesmo com espaçamento irregular. Use “Por grade” quando cada quadro ocupa uma célula igual, ou quando os tiles encostam uns nos outros.
Ajuste a tolerância de cor
Aumente a tolerância se sobrar um pouco de fundo em volta dos sprites; diminua se partes de um sprite sumirem. Escolha a cor do fundo manualmente quando as bordas da imagem forem muito carregadas.
Junte partes e descarte pontinhos
“Juntar partes a menos de” mantém pedaços soltos com o seu sprite; aumente o valor para ícones feitos de partes separadas. “Ignorar pontos menores que” remove pontinhos perdidos. Em uma sprite sheet transparente, o ajuste de brilho fraco mantém separados os sprites que brilham.
Quadros para animação
Ative “Quadros do mesmo tamanho” para ciclos de caminhada e efeitos, confira a animação e salve o GIF ou o ZIP. Os quadros da grade mantêm o tamanho da célula, a menos que você os apare.
Pixel art
Amplie 2× ou 4× para ter quadros nítidos e maiores em uma prévia ou na página de uma loja; cada pixel continua quadrado.
O que você baixa
Cada PNG recebe o nome do seu arquivo e um número na ordem de leitura. O atlas JSON guarda o lugar de cada quadro na sprite sheet original.
Quem precisa separar sprites
Motivos comuns para cortar uma sprite sheet.
Desenvolvedores de jogos
Divida uma sprite sheet baixada ou antiga em quadros para refazer as animações na sua engine.
Artistas de pixel art
Corte as suas próprias sprite sheets em quadros soltos, amplie com nitidez e compartilhe prévias animadas.
Designers de apps e sites
Tire ícones avulsos de uma folha de ícones como PNGs transparentes.
Criadores de figurinhas e emojis
Divida uma cartela de figurinhas ou de emojis em um arquivo por figurinha para os apps de mensagem.
Perguntas frequentes sobre cortar uma sprite sheet
Respostas sobre cortar sprite sheets, arquivos e privacidade.
Abra a sprite sheet, deixe “Pelo fundo” ativado ou mude para “Por grade”, confira as caixas sobre a imagem e baixe o ZIP de PNGs, o GIF animado ou o atlas JSON.
Sim. Roda inteiramente no seu navegador, sem conta e sem marca d'água.
Não. A sprite sheet é lida e cortada no seu aparelho; nada vai para um servidor, e a ferramenta continua funcionando offline depois que a página carrega.
Dá. Ele lê a cor do fundo nas bordas da imagem e a deixa transparente em cada PNG. Ajuste a tolerância de cor ou escolha a cor manualmente.
Use “Por grade” com colunas e linhas ou com um tamanho de célula, mais deslocamento e espaçamento. Células vazias são puladas, e cada quadro mantém o tamanho da célula para as animações.
Dá. Reproduza os quadros em qualquer velocidade e salve um GIF em loop com fundo transparente.
O formato JSON hash é lido pelo Phaser, pelo PixiJS e por muitas outras engines e ferramentas; ele lista o nome e a posição de cada quadro na sprite sheet.
Corte por grade ou envie para “Recortar objetos”, que encontra e recorta cada objeto com IA por 1 crédito.
Cortar uma sprite sheet agora
Abra uma sprite sheet e baixe cada sprite em PNG em segundos, grátis e no seu navegador.
Abrir uma sprite sheet