Pular para o conteúdo

Transparência de imagem

O que é transparência de imagem, quais formatos suportam canais alfa e como a transparência funciona em capturas de tela e exportações.

A transparência de imagem permite que alguns pixels fiquem total ou parcialmente transparentes, para que o fundo atrás da imagem apareça. Ela é armazenada em um canal alfa, um valor extra por pixel ao lado do vermelho, do verde e do azul. Em imagens de 8 bits, alfa 0 é totalmente transparente e alfa 255 é totalmente opaco.

Valores alfa parciais permitem bordas suaves, sombras e efeitos de vidro. As imagens armazenam o alfa de duas formas: sem pré-multiplicação, com cor e opacidade separadas, ou com pré-multiplicação, com a cor já multiplicada pela opacidade. Confundir as duas gera franjas escuras ou claras nas bordas.

Alguns formatos têm apenas transparência binária: cada pixel é totalmente visível ou totalmente transparente.

Converter formatos de imagem

Converter para um formato sem alfa remove a transparência. O Image Converter converte entre PNG, JPG e WebP; escolha PNG ou WebP para mantê-la.

Como a transparência funciona

Quando uma imagem com alfa é desenhada, cada pixel é misturado com o que está atrás dele na proporção da sua opacidade. Um logotipo com sombra suave em um PNG transparente se mistura corretamente com branco, cinza ou uma foto. Quando a mesma imagem é achatada, a cor do fundo fica fixada nos pixels.

Formatos que suportam transparência

FormatoTransparência
PNGAlfa completo, 8 ou 16 bits
WebPAlfa completo, com ou sem perda
AVIF e HEICAlfa completo
TIFFAlfa completo
GIFBinária, uma cor transparente da paleta
JPGNenhuma
SVGOpacidade por forma

Transparência e capturas de tela

A maioria das capturas de tela é totalmente opaca, porque registra um retângulo da tela. No macOS, uma captura de janela feita com Shift+Command+4 e depois Space pode incluir a sombra da janela com o entorno transparente, salva em PNG. Exportar essa imagem para JPG preenche a área transparente com uma cor sólida.

Erros comuns

  • Salvar um logotipo transparente como JPG.
  • Usar GIF para sombras suaves, o que gera bordas serrilhadas.
  • Colocar um ícone escuro e transparente sobre um fundo escuro, onde ele desaparece.
  • Visualizar a imagem somente sobre fundo branco.

Precisa corrigir uma imagem agora?

Coloque uma imagem transparente sobre o fundo escolhido com o Social Image Composer.

Perguntas frequentes

O WebP suporta transparência?

Sim, nos modos com perda e sem perda.

Por que minha imagem transparente ficou com fundo preto?

O aplicativo que abriu ou converteu a imagem não suporta alfa, ou a achatou sobre preto.

Fontes

Recursos relacionados

Você tira as mesmas capturas de tela várias vezes?

O Temposhot captura uma tela, janela ou área em intervalos programados e exporta o conjunto como PDF, imagens, ZIP ou MP4. As ferramentas gratuitas do navegador capturam apenas uma imagem por vez.

Recursos relacionados

Termos relacionados

Todos os termos do glossário