Você solta um PNG "transparente" em um slide escuro e um retângulo branco vem junto. O arquivo estava perfeito no editor. Então o que aconteceu? A resposta está em um quarto canal que raramente recebe atenção. Cada pixel de uma imagem carrega valores de vermelho, verde e azul, e em alguns formatos um quarto número chamado canal alfa que diz quanto daquele pixel deve aparecer.
Este guia explica o que esse número armazena, quais formatos o mantêm (PNG e WebP), quais o reduzem a um interruptor (GIF), quais o descartam (JPG) e por que o SVG segue regras diferentes. Ao longo do caminho, lemos o canal alfa de sete recortes reais pixel a pixel, então os números abaixo vêm de arquivos, não da teoria.
Um PNG, quatro fundos. O tênis é uma entrada de teste gerada por IA recortada com o removedor de fundo da Atlas Cloud; o arquivo foi colocado em cada fundo sem alterações.
Principais conclusões
- Um canal alfa é um quarto canal que armazena a opacidade de cada pixel, de 0 (totalmente transparente) a 255 (totalmente sólido) em uma imagem de 8 bits.
- PNG e WebP mantêm um canal alfa completo. O GIF só consegue marcar uma cor da paleta como transparente. O JPG não armazena transparência alguma.
- O removedor de fundo com IA gratuito da Atlas Cloud retorna um PNG transparente no tamanho de pixel que você enviou, processado dentro do seu navegador.
- Em sete recortes medidos, apenas 0,7% a 2,2% dos pixels eram parcialmente transparentes. Essa faixa fina é a borda com suavização que mantém cabelos e contornos naturais.
- Um PNG que mostra um fundo branco ou preto em um visualizador geralmente não perdeu seu canal alfa. Verifique-o sobre um fundo escuro ou xadrez antes de reexportar qualquer coisa.
O que um canal alfa armazena dentro de cada pixel
Pergunte o que é um canal alfa e você geralmente recebe uma metáfora. Aqui vai o número. A especificação PNG da W3C o define em uma frase: "A amostra alfa determina o grau de opacidade de um pixel, onde zero significa totalmente transparente e o valor máximo significa totalmente opaco." Em uma imagem de 8 bits, o máximo é 255, o que dá 256 níveis entre claro e sólido.
O PNG também permite alfa de 16 bits. A especificação permite profundidades de bit de 8 ou 16 para ambos os seus tipos de cor com canal alfa, escala de cinza com alfa e cor real com alfa, e um canal alfa de 16 bits tem 65.536 níveis. Fora dos pipelines de composição, 8 bits é o que você vai encontrar.
Então um pixel RGBA é quatro números. Três descrevem cor, um descreve cobertura. Mude apenas o quarto e a cor permanece enquanto o pixel desbota. Esse é todo o truque por trás de bordas suaves de cabelo, sombras projetadas e vidro que deixa o fundo aparecer.
A palavra "transparente" esconde uma divisão importante. Alguns formatos armazenam um valor alfa completo por pixel, então um pixel pode ser 37% visível. Outros armazenam um único sinalizador de sim ou não: este pixel é desenhado, aquele é ignorado. Ambos são chamados de transparência, e apenas o primeiro consegue desbotar uma borda. Mantenha essa distinção em mente, porque é a razão pela qual adesivos GIF parecem serrilhados e recortes PNG não.
Mais um termo que você vai encontrar em ferramentas de vídeo e jogos: alfa pré-multiplicado. Em um arquivo direto (ou não pré-multiplicado), os valores de cor são armazenados em força total e o alfa os escala na hora da exibição. Em um arquivo pré-multiplicado, os valores de cor já foram multiplicados pelo alfa, então um pixel vermelho meio visível é armazenado como vermelho de meia intensidade. O PNG usa o tipo direto; a especificação afirma que os valores de cor "não são pré-multiplicados pelo valor alfa".
A ideia tem um rastro documental. O memorando de 1995 de Alvy Ray Smith sobre a história do alfa credita a ele mesmo e a Ed Catmull o conceito na década de 1970 no New York Institute of Technology, e credita ao artigo de Porter e Duff de 1984 a distinção entre as duas convenções. Para o trabalho cotidiano de web e impressão, você pode ignorar a diferença; seu editor cuida disso.
Como salvar um PNG com fundo transparente
Muitos problemas de "minha exportação não é transparente" são decididos antes de a caixa de diálogo de salvar abrir. Três regras cobrem isso. A camada de fundo precisa estar oculta ou excluída, para que a tela mostre um tabuleiro xadrez no editor. O formato precisa ser um com canal alfa, o que na prática significa PNG ou WebP.
E a opção de PNG deve ser do tipo 8 bits por canal, frequentemente rotulada como PNG-24 ou 32 bits, em vez de uma versão de paleta que alguns exportadores reduzem a transparência liga-desliga. A especificação PNG permite que uma imagem indexada carregue "a tabela alfa que associa uma amostra alfa a cada entrada da paleta", mas você não pode contar com toda ferramenta usando isso.
Os caminhos de menu abaixo vêm da documentação de cada fornecedor.
| Software | Onde fica a exportação de PNG transparente |
|---|---|
| Removedor de fundo da Atlas Cloud | Clique em Download; o canal alfa já está no lugar, então não há configuração de formato para errar |
| Photoshop | File > Export > Export As, escolha PNG como formato e permita transparência nas configurações de formato |
| GIMP 3.0 | File > Export As, nomeie o arquivo .png; a opção "Save color values from transparent pixels" só se aplica a imagens de uma camada |
| Figma | Selecione o frame, adicione uma exportação PNG na barra lateral direita; se o frame tiver um preenchimento, desmarque Show in exports na seção Fill |
| PowerPoint | Picture Format > Remove Background, depois clique com o botão direito na imagem, Save as Picture, e escolha PNG na lista Save as type |
Qualquer que seja a ferramenta que você use, olhe o resultado sobre um tabuleiro xadrez antes de baixar. O painel de resultados da Atlas mostra exatamente isso, então você pode ver o canal alfa funcionando antes de o arquivo chegar ao seu disco.
Converta qualquer imagem em um PNG transparente com um clique
A maneira mais rápida de obter um arquivo com um canal alfa real é deixar um modelo de segmentação construir um. A Atlas Cloud executa uma ferramenta de remoção de fundo dentro da aba do navegador, uma de um pequeno conjunto de ferramentas de IA gratuitas no site que não exigem conta. Você arrasta uma foto, clica em Run Free e baixa o resultado.
O modelo roda localmente através de WebGPU, com fallback WASM em máquinas que não o possuem, e concluímos um recorte com a rede desconectada. Não há marca d'água nem cadastro.
Os temas não se limitam a retratos. Em testes, uma foto de grupo, um cachorro de pelo longo, um tênis branco, uma assinatura manuscrita, um logotipo de line art e uma camisa branca fotografada contra uma parede branca voltaram cada um como um recorte utilizável, o logotipo com seu espaço negativo aberto. Se o recorte que você precisa é destinado a uma impressão grande, combine-o com a comparação de ampliador de imagem gratuito que fizemos, já que o canal alfa escala com a imagem.
Dentro de um recorte real: onde estão os pixels suaves
Abrimos sete dessas saídas em Python e contamos cada pixel pelo seu valor alfa. O padrão foi o mesmo em todos os sete. Entre 60,6% e 98,4% dos pixels eram totalmente transparentes, dependendo de quanto do quadro o tema preenchia.
Os pixels parcialmente transparentes, aqueles com alfa entre 8 e 250, representaram 0,7% a 2,2% da imagem. Essa é uma faixa de 1 a 3 pixels de largura percorrendo o contorno, e é ela que faz todo o trabalho de suavização.
O véu transparente nos ensinou algo que a definição sozinha não ensinaria. O canal alfa consegue armazenar translucidez, mas o véu voltou com apenas 0,73% de pixels parcialmente transparentes, o mesmo contorno fino do tênis. O tecido em si foi gravado como sólido, com a vegetação atrás dele embutida na sua cor. Forma preservada, translucidez perdida. Um arquivo ter um canal alfa não diz nada sobre se um modelo escolheu usar o meio da faixa.
Uma pequena observação técnica para os curiosos: em todos os sete arquivos, os pixels sólidos do tema ficam em alfa 254 em vez de 255, uma diferença que nenhum display consegue mostrar. Nos PNGs em tamanho real que inspecionamos, cada pixel totalmente transparente carrega o mesmo valor de cor, preto puro, então o arquivo não armazena nenhum fundo oculto que pudesse vazar de volta como franja.
Quais formatos de imagem suportam transparência
Cinco formatos cobrem quase todo arquivo que você vai receber. Eles armazenam transparência de quatro maneiras diferentes, e a diferença decide se uma borda pode desbotar, se o arquivo pode animar e quão grande ele fica.
| Formato | Como a transparência é armazenada | Níveis | Bordas suaves | Animação |
|---|---|---|---|---|
| PNG | Alfa de 8 ou 16 bits por pixel, ou um chunk tRNS para transparência indexada e de cor única | 256 ou 65.536 | Sim | Sim (APNG, agora parte da especificação PNG) |
| WebP | Alfa de 8 bits por pixel, nos modos com e sem perdas | 256 | Sim | Sim |
| GIF | Um índice de paleta marcado como transparente | 2 (ligado ou desligado) | Não | Sim |
| SVG | Formas vetoriais sem fundo; opacidade definida por elemento | Contínuo | Sim | Sim |
| JPG | Nenhuma | 1 | Não | Não |
O JPG suporta transparência?
Não. O guia de formatos de imagem da MDN afirma claramente: "JPEG não suporta um canal alfa." O formato armazena três canais de cor e nada mais, então quando você salva uma imagem em camadas como JPG o editor precisa achatá-la sobre uma cor primeiro, geralmente branco. Esse branco então vira pixels comuns, e viaja com o tema onde quer que o arquivo vá.
É também por isso que um download de "JPG transparente" não é o que promete. Ou o arquivo é na verdade um PNG com a extensão errada, ou o tabuleiro xadrez que você vê está pintado nos pixels. Renomear um .jpg para .png muda o rótulo da caixa, não o conteúdo. Se você precisa de transparência, o JPG tem que ser aberto, o fundo removido e o resultado salvo em um formato que consiga conter um canal alfa.
GIF transparente: uma cor, bordas duras
A transparência do GIF vem da revisão 89a do formato, e sua idade aparece. A especificação GIF89a adiciona uma Graphic Control Extension com um Transparency Index, descrito assim: "O Transparency Index é tal que, quando encontrado, o pixel correspondente do dispositivo de exibição não é modificado e o processamento segue para o próximo pixel." Uma entrada na tabela de cores é declarada transparente. Todos os outros pixels são desenhados em força total.
Isso torna a transparência do GIF uma questão de 1 bit. Um pixel é ignorado ou pintado, e com uma paleta de no máximo 256 cores não há espaço para uma borda meio visível. Coloque um recorte GIF sobre um fundo diferente daquele em que foi feito e o contorno fica em degraus como uma escada, frequentemente com uma franja pálida onde os pixels com suavização foram forçados a sólido.
Convertemos o recorte do tênis para GIF com um limite alfa de 128, o padrão usual, e ampliamos a mesma região do cadarço três vezes. O lado de 8 bits desbota ao longo de dois ou três pixels. O lado do GIF é só ângulos retos. Se você precisa de um GIF transparente para um cliente que não aceita nada mais, construa-o sobre a cor de fundo em que ele vai ficar, para que a franja combine em vez de brilhar.
Transparência WebP em arquivos com e sem perdas
WebP é o formato que finalmente deu um canal alfa à compressão com perdas. A documentação de compressão do Google descreve "outro modo WebP que permite codificação com perdas para os canais RGB e codificação sem perdas para o canal alfa", e sua referência do cwebp define a qualidade alfa padrão em 100, significando que o plano alfa é armazenado sem perdas a menos que você peça o contrário.
A página de visão geral do Google coloca o WebP sem perdas em 26% menor que o PNG, diz que a transparência adiciona cerca de 22% em bytes, e coloca o WebP com perdas com transparência tipicamente 3x menor que o PNG.
Nossos próprios números ficaram nessa vizinhança. Pegamos um recorte de 2048 x 1152 direto do removedor de fundo, um PNG de 1.211 KB, e o salvamos novamente com Pillow nas configurações padrão.
O WebP sem perdas ficou em 660 KB, 46% menor, e cada valor alfa correspondeu exatamente ao PNG. O WebP com perdas na qualidade 80 ficou em 124 KB, e seu plano alfa ainda era byte a byte idêntico ao original. A única coisa que mudou foram os dados de cor. Para entrega de recortes na web, esse geralmente é o arquivo que você quer. Para uma cópia master que você pretende continuar editando, fique com PNG ou WebP sem perdas.
Fundo transparente SVG: nenhum fundo para remover
O SVG não tem um fundo para tornar transparente, porque nunca teve um. Um arquivo SVG é uma lista de instruções de desenho: desenhe este círculo aqui, preencha-o com esta cor. Nada nessa lista pinta a tela a menos que você adicione um retângulo que a cubra. Quando um SVG parece ter um fundo branco, você está olhando para a página ou o visualizador atrás dele.
A transparência dentro de um SVG é definida por elemento. A referência da MDN descreve o valor de preenchimento none como não pintar preenchimento algum, então o interior de uma forma permanece limpo. O atributo fill-opacity desbota apenas a tinta dentro de uma forma, enquanto opacity desbota o elemento inteiro, incluindo o traço.
Duas coisas confundem as pessoas. Uma foto raster embutida em um SVG através de um elemento image mantém qualquer canal alfa que a foto tenha, então um JPG dentro de um SVG ainda carrega sua caixa branca. E passar uma foto por um conversor de raster para SVG não remove um fundo; ele traça o fundo em formas junto com todo o resto.
Por que meu PNG não está transparente?
Faça estas verificações na ordem. Um arquivo que passa na primeira não precisa de conserto algum.
O visualizador pintou o fundo. Visualizadores de imagem precisam colocar algo atrás dos pixels transparentes, e muitos escolhem branco ou preto. O arquivo está inalterado; só a exibição mudou. Abra o mesmo PNG em um app de design, uma aba do navegador com uma página escura, ou um slide com preenchimento escuro. Se a caixa desaparecer, pare aqui.
O arquivo não tem canal alfa. Um JPG renomeado para .png, uma captura de tela de uma imagem transparente, ou um arquivo que passou por um app de mensagens ou CMS que o recodificou vão todos parecer opacos porque são. Verifique o modo da imagem. No Photoshop o painel Channels deve listar um canal Alpha; no Windows, Properties > Details mostra uma profundidade de bit de 32 para um PNG RGBA em vez de 24; em Python, Image.open("file.png").mode retorna RGBA. Se o alfa estiver faltando, volte ao original em camadas e exporte novamente.
A borda está dura ou com franja. Um contorno em degraus aponta para transparência de 1 bit, e uma franja pálida ou colorida aponta para pixels de borda que ainda carregam a cor do fundo antigo. Nosso teste com parede vermelha mostrou como isso acontece: com uma camisa branca contra uma parede vermelha saturada, 69% dos pixels de borda semitransparentes puxavam para o vermelho, e sobre um novo fundo essa faixa aparece como franja. A correção é uma reexportação com alfa de 8 bits e sem cor de matte e, para recortes, um fundo neutro na foto original ou uma contração de 1 pixel da máscara.
O tabuleiro xadrez está embutido. Escale a imagem. Se os quadrados cinza e branco crescem e diminuem com a imagem, eles são pixels. Imagens de prévia de sites de banco de imagens frequentemente vêm assim. Baixe o arquivo real, ou recorte o fundo de novo.
Perguntas frequentes
Um canal alfa é o mesmo que uma máscara de camada?
Eles são primos. A ajuda do Photoshop da Adobe descreve um canal alfa como uma seleção armazenada como uma máscara em escala de cinza editável no painel Channels, e uma máscara de camada funciona da mesma maneira dentro do editor. A diferença é o que sobrevive à exportação. Uma máscara de camada é uma ferramenta de edição que vive no PSD. O canal alfa gravado em um PNG ou WebP é o resultado achatado de todas as máscaras, e é a transparência que outros apps realmente leem.
Quantos níveis de transparência tem um canal alfa de 8 bits?
256, de 0 (totalmente transparente) a 255 (totalmente opaco). Um canal alfa de 16 bits, que o PNG também suporta, tem 65.536. O GIF tem dois: desenhado ou ignorado.
Posso adicionar um canal alfa a um JPG?
Não enquanto ele permanecer um JPG, já que o formato não tem onde armazenar um. Abra o arquivo, separe o tema do fundo e salve o resultado como PNG ou WebP. A ferramenta de recorte baseada em navegador da Atlas Cloud faz a conversão em uma etapa: entra JPG, sai PNG transparente, grátis para usar e sem login.
A transparência WebP funciona em todos os navegadores?
As versões atuais dos principais navegadores renderizam WebP com alfa, e a tabela de compatibilidade da MDN para o formato é o lugar para confirmar o suporte de qualquer versão mais antiga que você ainda precise atender. Se um público legado importa, sirva PNG como fallback através de um elemento picture.
Por que meu PNG transparente tem um halo branco?
Os pixels ao longo da borda são parcialmente transparentes, e sua cor ainda carrega o fundo do qual foram recortados. Sobre um original branco, essa faixa parece um halo branco quando você coloca o recorte sobre algo escuro. Reexporte com alfa de 8 bits e matte definido como none, ou contraia a seleção em um pixel antes de salvar.
Conclusão
Transparência é um número. Cada pixel em um PNG ou WebP RGBA carrega um valor alfa de 0 a 255, e quando isso clica, os outros formatos se organizam sozinhos: o GIF tem um único sinalizador liga-desliga, o JPG não tem nada, e o SVG não tem fundo para remover em primeiro lugar. Os sete recortes que medimos colocam toda a borda com suavização em uma faixa de 0,7% a 2,2% da imagem, que é exatamente a parte que um formato de 1 bit descarta.
Se você veio aqui perguntando o que é um canal alfa porque um arquivo se recusava a ficar transparente, verifique o visualizador primeiro, depois o modo do arquivo, depois a borda. E se você precisa de um canal alfa limpo sem abrir um editor, um removedor de fundo baseado em navegador vai entregar um em um único PNG, no tamanho de pixel com que você começou.
