PNG com fundo transparente: quando usar e como exportar

Um PNG com fundo transparente é uma imagem em que o fundo ficou vazio, por isso só resta o logótipo, o texto ou o objeto e o que estiver por baixo aparece através. Precisas de um sempre que o teu design vá ser colocado em algo que não fizeste: um logótipo no website de um cliente, um título sobre imagens de vídeo, um autocolante numa fotografia, uma marca num diapositivo. O PNG consegue-o porque guarda um canal alfa, um quarto valor por píxel que diz quão transparente é. O JPG não tem canal alfa, e é por isso que um logótipo em JPG chega sempre numa caixa branca ou colorida.

Como funciona a transparência num PNG

Cada píxel de uma imagem normal tem três valores: vermelho, verde e azul. Um PNG com transparência junta um quarto, o alfa, de totalmente transparente a totalmente sólido. Os valores intermédios importam tanto como os extremos. O bordo suave de uma letra, uma sombra ténue ou um efeito de vidro são feitos de píxeis parcialmente transparentes, e deixam o design fundir-se com o que está por trás.

Para uma comparação mais funda dos dois formatos mais comuns, vê PNG vs JPG e, para logótipos em websites, SVG vs PNG explica quando o vetorial é a melhor escolha.

Quando precisas de um PNG transparente

• Logótipos para outros usarem. Parceiros, imprensa, organizadores de eventos e patrocinadores põem o teu logótipo nos seus próprios fundos. Envia um PNG transparente, de preferência em variações de logótipo clara e escura, mais um SVG.
• Títulos e terços inferiores em vídeo. Os editores de vídeo sobrepõem um PNG transparente às imagens, para as palavras flutuarem sobre a imagem.
• Autocolantes e sobreposições. Distintivos como “Novo” ou “Esgotado”, molduras e etiquetas de preço postos em fotografias ou stories.
• Diapositivos e documentos. Um logótipo ou diagrama que tem de assentar num diapositivo colorido sem uma caixa branca.
• Websites. Ícones, logótipos e ilustrações postos sobre secções coloridas ou fundos de destaque.
• Merchandising e impressão a pedido. Muitos serviços de impressão pedem um PNG transparente para só a arte ser impressa na t-shirt ou na caneca.

Quando um fundo transparente é a escolha errada

A transparência é para partes, não para peças acabadas. Uma publicação social, um story, um cartaz ou um cabeçalho de email devem ser exportados com o fundo, porque esse fundo é metade do design. A maioria das plataformas sociais não mantém a transparência nas publicações que carregas, e uma zona vazia pode ser preenchida com uma cor que não escolheste. Alguns mercados online também pedem fotografias de produto em branco sólido e não transparentes, por isso confirma as regras da própria plataforma.

Como fazer um PNG transparente

Há dois caminhos. Se estás a desenhar a coisa tu mesmo, como um título, um logótipo ou um distintivo, constrói-a sem fundo e exporta com a transparência ligada. Se partes de uma fotografia, tens de remover primeiro o fundo, à mão ou com uma ferramenta de remoção, o que é outro trabalho, mais difícil. Os passos abaixo cobrem o primeiro caminho.

1. 1

   Desenha no tamanho de que vais precisar

   Os ficheiros transparentes são muitas vezes ampliados depois, por isso exporta maior do que pensas: uma marca nominativa com 2000 px de largura ou mais é um bom começo.

2. 2

   Deixa o fundo vazio

   Esconde ou apaga qualquer camada de fundo. A maioria das ferramentas mostra o vazio como um xadrez cinzento e branco.

3. 3

   Escolhe PNG com transparência

   Na janela de exportação, escolhe PNG e confirma que a transparência ou o fundo limpo está assinalado. O JPG preenche-o em branco sem avisar.

4. 4

   Apara os bordos

   Corta rente à arte com um pouco de folga, para quem a colocar não lutar com margens invisíveis.

5. 5

   Testa em claro e escuro

   Larga o ficheiro numa página branca e noutra preta. Procura halos pálidos, sombras em falta e texto que desaparece num deles.

Exportação de PNG transparente no Gradiently

No Gradiently, um design assenta normalmente no seu Mark, o fundo vivo por trás de tudo. Com o Pro, podes exportar antes um PNG transparente: só os teus elementos, como texto, formas, ícones e fotografias, sobre um fundo limpo, sem o Mark. É o ficheiro a enviar a um parceiro, a largar num editor de vídeo ou a pôr num website. O Pro exporta também SVG para os mesmos usos, e ambos vêm do mesmo design que publicas com o fundo completo. Como em qualquer exportação do Gradiently, o Mark do design tem de ser teu. Exportar imagens e loops percorre todos os formatos, e para logótipos sobre cor vê logótipo sobre fundo de gradiente.