Como remover o espaço transparente de um PNG
Nesta página
Resposta rápida: abra Remover bordas transparentes do Imgovo, escolha seu PNG ou WebP, confira o novo tamanho abaixo da prévia e baixe o resultado. A ferramenta encontra o menor retângulo que ainda contém todos os pixels visíveis e corta exatamente nele.
Por que um PNG tem espaço transparente vazio em volta
Um PNG pode guardar um fundo transparente. A imagem continua sendo um retângulo completo, então um logo no meio de uma tela grande carrega uma borda transparente em todos os lados. Numa página branca você não vê, mas ela está lá. Ela faz o logo parecer menor do que é, afasta o logo dos elementos vizinhos e desperdiça espaço num botão, num cabeçalho ou num ícone.
A borda costuma vir de uma destas origens:
- um programa de design que exportou a prancheta inteira em vez de só a arte,
- um recorte que manteve o tamanho da foto original,
- uma captura de tela ou um adesivo com sombra suave que se dissolve até sumir.
Passo a passo
- Abra Remover bordas transparentes e escolha o arquivo.
- Veja a moldura tracejada à esquerda. Ela mostra o conteúdo visível que foi encontrado.
- Leia a linha abaixo das prévias: o tamanho do conteúdo e quantos pixels foram removidos em cima, à direita, embaixo e à esquerda.
- Se uma sombra fraca deixa a borda larga demais, aumente um pouco o limite alfa e veja a moldura encolher.
- Adicione uma margem se quiser um respiro em volta do logo. A margem é transparente.
- Escolha PNG ou WebP e clique em Baixar imagem.
Um exemplo prático
O logo do Imgovo é um PNG de 300 × 279 px. Ele tem 13 px de espaço transparente vazio de cada lado. No limite 0, a ferramenta o corta para 274 × 253 px. Os 13 px saem em cima, à direita, embaixo e à esquerda, e o logo em si não é tocado.
| Antes | Depois | |
|---|---|---|
| Tamanho | 300 × 279 px | 274 × 253 px |
| Borda transparente | 13 px em cada lado | nenhuma |
O limite alfa e a margem
Cada pixel tem um valor alfa de 0 (totalmente transparente) a 255 (totalmente opaco). No padrão 0, um pixel conta como visível assim que o alfa passa de 0, então você não perde nada que dê para ver. Alguns recortes deixam pixels quase invisíveis longe do assunto. Aumente o limite para tratá-los como vazios. Aumente aos poucos: um valor alto também pode cortar a borda suave de uma sombra.
A margem faz o contrário de cortar. Ela adiciona o mesmo número de pixels transparentes em todos os lados do conteúdo visível. Se o original tinha menos espaço que isso, o espaço que faltava é adicionado como tela transparente nova.
Borda transparente ou borda branca
Uma borda transparente é feita de pixels que não existem. Uma borda branca é feita de pixels brancos, que são visíveis, por isso a ferramenta os mantém. Se o espaço vazio da sua imagem é branco, corte-o com Recortar imagem ou tire antes o fundo com Remover fundo e corte depois.
Ícones e favicons
Um ícone com borda transparente grossa parece minúsculo em 16 px. Corte-o primeiro e depois coloque-o no quadrado com uma margem pequena. O Gerador de favicon e o guia como criar um favicon mostram os tamanhos a usar.
Limites
- O JPG não tem transparência, então não há nada para cortar.
- Um GIF ou WebP animado é cortado como uma única imagem, usando o primeiro quadro.
- Imagens muito grandes são limitadas pelo que o seu navegador consegue manter. O Imgovo avisa quando uma imagem é grande demais.
- PNG e WebP são os formatos de saída, porque os dois mantêm a transparência.
Privacidade
As bordas são encontradas no seu navegador. Nada é enviado.
Experimente agora
Abra Remover bordas transparentes, solte seu logo e veja quanto espaço vazio ele carrega.
Perguntas frequentes
Remover as bordas muda o tamanho do próprio logo?
Não. Só a borda vazia é cortada. Os pixels visíveis são copiados um a um, então nada é redimensionado, desfocado ou recolorido.
Para que serve o limite alfa?
Ele decide quais pixels quase invisíveis contam como vazios. No 0, todo pixel que não é totalmente transparente é mantido. Um valor maior também remove uma sombra ou um brilho fraco na borda.
Por que o Imgovo diz que não há nada para cortar?
A imagem não tem pixels transparentes, como a maioria dos arquivos JPG, ou o conteúdo visível já chega aos quatro lados.
Uma borda branca é o mesmo que uma transparente?
Não. Uma borda branca é feita de pixels brancos visíveis, por isso o corte a mantém. Para tirar espaço branco, recorte a imagem ou remova o fundo antes.
Minha imagem é enviada para algum servidor?
Não. As bordas são encontradas e cortadas no seu navegador, e nada sai do seu dispositivo.