Trabalhando com Fundos Transparentes
Exporte e use imagens com fundo transparente corretamente em diferentes formatos de arquivo e plataformas.
Lesson context before the long read
Review the result preview above, then scan the learning objectives below before reading the full lesson. Updated 2026-05-17.
Example visual uses an existing public asset: /content-images/transparent-backgrounds-academy.webp.
Learning Objectives
- 1Exportar um recorte como arquivo PNG ou WebP com o canal alfa intacto
- 2Entender quais formatos de arquivo suportam transparência e quais não suportam
- 3Solucionar problemas comuns de transparência, como halos brancos e canais alfa achatados
Quando usar fundos transparentes
Após remover o fundo, muitas vezes você precisa exportar o assunto com a transparência preservada para que ele possa ser sobreposto a outros designs ou colocado sobre qualquer superfície colorida. O PNG é o formato mais amplamente suportado para transparência, armazenando um canal alfa completo junto com os dados de cor RGB. O WebP também suporta transparência alfa com tamanhos de arquivo menores, tornando-o ideal para uso na web. O JPEG não suporta transparência alguma e preencherá as áreas transparentes com uma cor sólida, normalmente branca, então evite o JPEG quando precisar de uma exportação transparente.
Exportando com canais alfa
Ao exportar do Magic Eraser, escolha o formato PNG ou WebP e verifique se a opção de transparência está ativada. Visualize a exportação alternando a tela para um padrão xadrez, que representa as áreas transparentes. Verifique se o xadrez aparece em todos os lugares onde o fundo foi removido e se nenhum resquício opaco permanece. Se você notar um contorno fino branco ou colorido ao redor do seu assunto, volte à etapa de refinamento de bordas e aplique a descontaminação antes de exportar novamente.
Colocando assuntos sobre novos fundos
Uma frustração comum é abrir um PNG transparente em um software que não respeita o canal alfa, o que faz o fundo aparecer branco ou preto. Isso é um problema de exibição, não de arquivo. Verifique a transparência arrastando o arquivo para uma ferramenta de design como Figma ou Canva e colocando-o sobre um retângulo colorido. Se o fundo aparecer através dele, seu arquivo está correto. Para desenvolvedores web, certifique-se de que o CSS por trás da imagem não aplique uma cor de fundo que obscureça o efeito de transparência pretendido.
Key Takeaways
- ✓PNG e WebP suportam transparência alfa; o JPEG não
- ✓Use a visualização em xadrez para confirmar as áreas transparentes antes de exportar
- ✓Fundos brancos em PNGs transparentes geralmente são um problema do visualizador, não um defeito do arquivo