PNG com fundo transparente: quando usar e como exportar

Um PNG com fundo transparente é uma imagem em que o fundo foi deixado vazio, então só o logo, o texto ou o objeto permanece e o que estiver por baixo aparece. Você precisa de um sempre que o design for colocado sobre algo que você não fez: um logo no site de um cliente, um título sobre imagens de vídeo, um adesivo sobre uma foto, uma marca em um slide. O PNG consegue isso porque guarda um canal alfa, um quarto valor para cada pixel que diz o quanto ele é transparente. O JPG não tem canal alfa, e é por isso que um logo em JPG sempre chega dentro de uma caixa branca ou colorida.

Como funciona a transparência em um PNG

Cada pixel de uma imagem comum tem três valores: vermelho, verde e azul. Um PNG com transparência soma um quarto, o alfa, que vai de totalmente transparente a totalmente sólido. Os valores intermediários importam tanto quanto os extremos. A borda suave de uma letra, uma sombra leve ou um efeito de vidro são feitos de pixels parcialmente transparentes, e eles deixam o design se misturar ao que está atrás.

Para uma comparação mais profunda dos dois formatos mais comuns, veja PNG ou JPG e, para logos em sites, SVG ou PNG explica quando o vetor é a melhor escolha.

Quando você precisa de um PNG transparente

• Logos para outras pessoas usarem. Parceiros, imprensa, organizadores de eventos e patrocinadores colocam seu logo em fundos próprios. Envie um PNG transparente, de preferência nas versões clara e escura das variações do logo, mais um SVG.
• Títulos e legendas em vídeo. Editores de vídeo sobrepõem um PNG transparente às imagens, e as palavras flutuam sobre a cena.
• Adesivos e sobreposições. Selos como “Novo” ou “Vendido”, molduras e etiquetas de preço sobre fotos ou stories.
• Slides e documentos. Um logo ou diagrama que precisa ficar sobre um slide colorido sem uma caixa branca.
• Sites. Ícones, logos e ilustrações sobre seções coloridas ou fundos de destaque.
• Produtos personalizados e impressão sob demanda. Muitos serviços de impressão pedem um PNG transparente para que só a arte seja impressa na camiseta ou na caneca.

Quando o fundo transparente é a escolha errada

A transparência é para partes, não para peças finalizadas. Um post de rede social, um story, um pôster ou um cabeçalho de e-mail deve ser exportado com o fundo, porque esse fundo é metade do design. A maioria das redes sociais não mantém a transparência nos posts que você envia, e uma área vazia pode ser preenchida com uma cor que você não escolheu. Alguns marketplaces também pedem fotos de produto em branco sólido, não transparentes, então confira as regras de cada plataforma.

Como fazer um PNG transparente

Há dois caminhos. Se você está criando a peça, como um título, um logo ou um selo, monte sem fundo e exporte com a transparência ligada. Se você parte de uma foto, precisa remover o fundo antes, à mão ou com uma ferramenta de remoção, o que é um trabalho diferente e mais difícil. Os passos abaixo cobrem o primeiro caminho.

1. 1

   Crie no tamanho de que vai precisar

   Arquivos transparentes costumam ser ampliados depois, então exporte maior do que imagina: um logotipo com 2.000 px de largura ou mais é um começo seguro.

2. 2

   Deixe o fundo vazio

   Oculte ou apague qualquer camada de fundo. A maioria das ferramentas mostra o vazio como um xadrez cinza e branco.

3. 3

   Escolha PNG com transparência

   Na janela de exportação, escolha PNG e confirme que transparência ou fundo limpo está marcado. O JPG preenche com branco sem avisar.

4. 4

   Apare as bordas

   Corte rente à arte, com um pouco de respiro, para que quem for usar o arquivo não lute com margens invisíveis.

5. 5

   Teste no claro e no escuro

   Coloque o arquivo em uma página branca e em uma preta. Procure halos pálidos, sombras que sumiram e texto que desaparece em um dos dois.

Exportar PNG transparente no Gradiently

No Gradiently, um design normalmente fica sobre o seu Mark, o fundo vivo atrás de tudo. Com o Pro, você pode exportar um PNG transparente: só os seus elementos, como texto, formas, ícones e fotos, sobre um fundo limpo, sem o Mark. É o arquivo para enviar a um parceiro, usar em um editor de vídeo ou colocar em um site. O Pro também exporta SVG para os mesmos usos, e os dois saem do mesmo design que você publica com o fundo completo. Como em qualquer exportação do Gradiently, o Mark do design precisa ser seu. Exportar imagens e loops percorre todos os formatos e, para logos sobre cor, veja logo sobre fundo em gradiente.