ClawStudiouo
Ferramentas relacionadas:

Recortador online gratuito de PNG — corte bordas transparentes

Remova bordas transparentes de imagens PNG, individual ou em lote — grátis, online, sem registro.

Solte seus arquivos PNG aqui ou clique para selecionar

Máximo 100 arquivos, 5 MB cada, 60 MB no total

3 conversões gratuitas restantes

Use a API de recorte PNG

Integre recorte automático de PNG em suas aplicações com a API Easy PNG to Sprites.

Envie um ou mais arquivos PNG para remover bordas transparentes automaticamente, perfeito para preparar sprites e ativos de UI para jogos.

Destaques da API

  • POST /trim: PNG único ou saída ZIP em lote
  • Envie até 100 arquivos PNG por solicitação
  • Controle de limiar de alfa e espaçamento
  • 5 MB por arquivo, 60 MB no total
  • Entrada em PNG; saída em PNG (único) ou ZIP (lote)
  • Resposta rápida com auto-scaling do Cloud Run

O que é recorte de PNG?

Recorte de PNG é o processo de cortamento automático dos pixels transparentes ao redor das bordas de uma imagem PNG, encolhendo a tela para o menor retângulo que ainda contém todo o conteúdo opaco (ou parcialmente opaco). A maioria das ferramentas de design e animação — Photoshop, Aseprite, Spine, exportadores de mecanismo de jogos — produzem arquivos PNG com grandes margens transparentes, porque a tela de exportação é tipicamente dimensionada para a prancheta ou o quadro maior em uma sequência em vez de para o sprite real.

Esse preenchimento transparente extra é invisível para o olho mas muito real no disco e na memória. Ele infla tamanhos de arquivo, desperdiça VRAM quando o sprite é carregado como uma textura, e confunde a lógica de caixa delimitadora em motores de jogos que confiam em dimensões de sprite para colisão, layout ou teste de impacto. Uma passagem de recorte corrige todos esses problemas em uma etapa ao recalcular a verdadeira caixa delimitadora de cada sprite e exportar apenas a região de pixel significativa.

Esta ferramenta executa essa passagem de recorte para você em seu navegador. Envie um PNG único ou um lote inteiro, defina um limiar alfa opcional e valor de espaçamento e baixe um PNG recortado único ou um ZIP de arquivos recortados. O conteúdo visual original e a transparência são preservados exatamente — a ferramenta apenas remove pixels de margem vazia.

Por que recortar bordas transparentes?

O benefício mais imediato do recorte é tamanhos de arquivo menores. Preenchimento transparente ainda ocupa linhas e colunas de pixels no PNG, e enquanto compressão lida com grandes execuções de transparência eficientemente, eliminá-los completamente produz arquivos notavelmente menores — frequentemente reductions de 30-70% para sprites exportados em telas de tamanho excessivo. Arquivos menores carregam mais rápido, encaixam mais confortavelmente em orçamentos de memória móvel e transferem mais rápido pela rede.

O segundo benefício é caixas delimitadoras precisas. Mecanismos de jogos tipicamente usam dimensões PNG de um sprite como sua hitbox padrão, referência de origem de pivot e extensão de renderização. Um sprite que é 128×128 pixels mas contém um personagem de 40×60 no meio de uma tela principalmente transparente produz bugs de colisão e alinhamento porque o mecanismo vê uma hitbox de 128×128. Recortar o PNG para seu conteúdo verdadeiro significa seu mecanismo vê o tamanho real do sprite e tudo a jusante — colisões, layouts de UI, alvos de clique, ancoração de dica de ferramenta — funciona corretamente sem offsets manuais.

Recortar também produz atlases de sprite mais limpos quando você depois empacota sprites em uma folha de sprites. Algoritmos de bin-packing só podem minimizar o tamanho final do atlas quando cada entrada já está apertada. Se cada sprite carrega uma borda transparente de 20 pixels, o empacotador desperdiça esses pixels em cada célula. Recorte primeiro, empacote segundo e você terá um atlas de textura dramaticamente menor e mais eficiente.

Como funciona o limite de alfa

O algoritmo de recorte verifica cada pixel PNG por pixel para encontrar a caixa delimitadora mais apertada que enclossa todos os pixels não-vazios. A questão do que conta como vazio é controlada pelo parâmetro de limiar de alfa. Valores de alfa variam de 0 (totalmente transparente) a 255 (totalmente opaco). Com um limiar de 0, apenas pixels totalmente transparentes (alfa = 0) são tratados como vazios e recortados; qualquer pixel com alfa ≥ 1 é considerado conteúdo e preservado.

Aumentar o limiar torna o algoritmo mais agressivo. Um limiar de 10 trata pixels com alfa 0-10 como vazios — útil quando seu PNG tem fantasmas de anti-aliasing fraco ou pixels de ruído quase invisíveis nas bordas que você quer removidos. Limiares de 30-50 são apropriados quando sprites têm sombras suaves ou bordas de brilho que você considera decorativas em vez de conteúdo significativo. Ir acima de 100 tende a recortar efeitos semi-transparentes visíveis, então use com cautela.

Após encontrar a caixa delimitadora, a ferramenta opcionalmente adiciona espaçamento configurável — uma borda transparente de N pixels ao redor do conteúdo recortado. Espaçamento é útil quando você plano empacotar o sprite recortado em uma folha de sprites ou aplicar filtragem bilinear no mecanismo, porque evita vazamento de textura na borda do sprite. Um espaçamento de 1-2 pixels é usualmente suficiente para a maioria dos pipelines de renderização.

Como recortar bordas transparentes PNG

1. Envie arquivos PNG

Arraste e solte um ou mais arquivos PNG na área de envio, ou clique para abrir o seletor de arquivo. Modo de arquivo único produz um PNG recortado; modo de lote (dois ou mais arquivos) produz um ZIP contendo cada arquivo recortado, preservando nomes de arquivo originais. Você pode enviar até 100 PNGs por lote, com cada arquivo até 5 MB e um total combinado de 60 MB.

2. Defina limiar de alfa e espaçamento

Abra o painel Opções de recorte para configurar o limiar de alfa (padrão 0) e espaçamento (padrão 0 pixels). Mantenha o limiar em 0 se seus PNGs têm margens transparentes limpas; aumente para 10-30 se anti-aliasing ou artefatos de compressão deixam pixels fantasma fraco nas bordas. Defina espaçamento para 1-2 pixels se você plano empacotar a saída em uma folha de sprites ou usar filtragem de textura bilinear em um mecanismo de jogos, caso contrário deixe em 0.

3. Execute o recorte

Clique no botão Recortar. O servidor calcula caixa delimitadora de conteúdo de cada PNG, corta a imagem para esse retângulo (mais qualquer espaçamento que você solicitou) e retorna o resultado. O processamento é rápido — tipicamente menos de um segundo para um arquivo único, alguns segundos para um lote completo de 100 arquivos — porque o algoritmo apenas lê valores de alfa e executa um corte retangular simples.

4. Baixe o resultado

Envios de arquivo único retornam um PNG recortado com uma visualização para que você possa inspecionar o resultado antes de baixar. Envios em lote retornam um ZIP contendo cada arquivo recortado, com nomes de arquivo preservados dos originais para fácil substituição de queda em sua pasta de ativos. Clique em Baixar para salvar o arquivo, ou Recortar outro para limpar o espaço de trabalho e começar de novo.

Funcionalidades

Modo único e em lote

Solte um PNG para voltar um PNG recortado único, ou solte até 100 PNGs para voltar um ZIP com cada arquivo recortado. O modo de lote preserva nomes de arquivo originais para que você possa soltar os arquivos extraídos de volta direto em sua pasta de ativos para substituir os originais.

Limiar de alfa configurável

Controle exatamente quais pixels contam como vazios com um limiar de alfa de 0 a 255. Deixe em 0 para recorte rigoroso que apenas remove pixels totalmente transparentes, ou aumente para recortar fantasmas de anti-aliasing, sombras fracas e artefatos de compressão que você considera preenchimento em vez de conteúdo.

Preservação de espaçamento opcional

Adicione uma borda de pixels configurável de espaçamento transparente ao redor do conteúdo recortado. Isso é útil quando você plano empacotar o sprite em atlas depois, ou quando você quer uma pequena margem de segurança contra artefatos de filtragem bilinear em um mecanismo de jogos. Um espaçamento de 1-2 pixels é típico para a maioria dos pipelines de renderização.

Preservação completa de alfa

Cada nível de alfa em seu PNG de origem é preservado exatamente na saída. A operação de recorte apenas remove pixels de margem vazia — ela nunca re-amostra, re-comprime ou altera o conteúdo visível de seu sprite. Bordas semi-transparentes, sombras suaves e sobreposições parcialmente transparentes passam intocadas.

Sem registro, processamento rápido

Sem inscrição, sem criação de conta, sem rastreamento. Abra a página, envie PNGs, baixe resultados. Recortar é algoritmicamente simples — o servidor encontra a caixa delimitadora e corta — então mesmo lotes grandes terminam em segundos.

Privacidade em primeiro lugar

Seus arquivos PNG são processados no servidor e descartados imediatamente após a resposta ser retornada. Nada é armazenado, registrado ou retido. Nenhuma conta é obrigatória e nenhum cookie é usado para rastreamento de seus envios.

Casos de uso

Preparação de sprites para empacotamento

Exporte seus sprites de personagem e adereço de Aseprite, Photoshop ou Spine com suas pranchetas completas intactas, depois execute esta ferramenta para recortar cada arquivo para seu tamanho de conteúdo real. Sprites recortados empacotam em atlases dramaticamente menores — algoritmos de bin-pack só minimizam espaço quando cada entrada já está apertada, então remover bordas transparentes primeiro pode cortar seu tamanho final de atlas pela metade ou mais.

Limpeza de exportações de ícone UI

Aplicativos de design frequentemente exportam ícones em tamanhos de tela fixos (256×256, 512×512) independentemente das dimensões reais de ícone. Execute suas exportações de ícone através da ferramenta de recorte para voltar ativos de tamanho correto e nítido onde o ícone preenche o PNG. Sistemas de UI orientados por caixa delimitadora então dimensionarão e posicionarão ícones corretamente sem precisar de offsets de preenchimento manual em código.

Recorte em lote de quadros de animação

Solte uma pasta inteira de quadros de animação exportados de sua ferramenta de animação — um ciclo de caminhada, uma sequência de explosão, um efeito de feitiço — e volte um ZIP de todos os quadros recortados em uma passada. Esta é a etapa necessária primeiro antes de montar quadros em uma folha de sprites com layout empacotado, porque layouts empacotados dependem de caixas delimitadoras apertadas para empacotamento eficiente.

Redução do tamanho do atlas de sprite

Se seus atlases de sprite existentes são maiores do que deveriam ser, recortar os PNGs de origem individual antes de re-empacotar frequentemente revela economias significativas. Projetos que recortam agressivamente antes de atlasing rotineiramente veem atlases de textura 40-60% menores, que se traduzem diretamente em carregamentos de ativos mais rápidos e uso de VRAM mais baixo — especialmente valioso para compilações móveis e web.

Perguntas frequentes