# PNG com fundo transparente: quando usar e como exportar [Canonical HTML page](https://gradiently.design/pt-pt/guide/transparent-background) Um PNG transparente é o ficheiro a que recorres quando um logótipo ou título tem de assentar em algo que não desenhaste. É também o ficheiro que as pessoas usam quando não deviam. ## The short version - Um PNG com fundo transparente guarda um canal alfa, por isso cada píxel pode ser totalmente transparente, sólido ou algo entre os dois. - Os PNG transparentes servem para logótipos, títulos, autocolantes e sobreposições que vão assentar em fundos que não controlas, como vídeos, diapositivos e websites. - O JPG não guarda transparência, por isso um JPG de um logótipo traz sempre uma caixa sólida por trás. - A maioria das publicações sociais deve ser exportada com o fundo completo, não como ficheiros transparentes. - Confere uma exportação transparente num fundo claro e num escuro, porque franjas pálidas e sombras ténues só se veem num deles. 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. | Formato | Transparência | Ideal para | | --- | --- | --- | | PNG | Alfa completo, bordos suaves | Logótipos, títulos, autocolantes, sobreposições | | JPG | Nenhuma | Fotografias e designs completos com fundo | | SVG | Sim, vetorial | Logótipos e ícones em websites, escaláveis a qualquer tamanho | | WebP | Alfa completo | Imagens web em que o tamanho do ficheiro importa | | GIF | Só ligada ou desligada, bordos duros | Animações simples | | MP4 | Nenhuma de uso comum | Vídeo com fundo próprio | Que formatos podem levar um fundo vazio. A transparência do GIF é tudo ou nada, por isso os bordos suaves ficam serrilhados; o PNG e o WebP mantêm-nos suaves. Para uma comparação mais funda dos dois formatos mais comuns, vê [PNG vs JPG](https://gradiently.design/pt-pt/guide/png-vs-jpeg) e, para logótipos em websites, [SVG vs PNG](https://gradiently.design/pt-pt/guide/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](https://gradiently.design/pt-pt/guide/logo-variations) 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. Um banner panorâmico com a marca nominativa Northfield sobre um fundo de gradiente O design completo: marca nominativa e fundo juntos, certo para um banner ou uma publicação. A mesma marca nominativa Northfield colocada num fundo de outra cor, como um PNG transparente permitiria Exportada como transparente, a mesma marca nominativa pode assentar no fundo de um parceiro. Aqui cai num campo de cor diferente. ## 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. ### Exportar transparente - Um logótipo para parceiros e imprensa - Um título para pôr sobre vídeo - Um autocolante ou distintivo para fotografias - Um ícone para uma secção web colorida - Arte para impressão a pedido ### Exportar com fundo - Publicações de Instagram, LinkedIn e Facebook - Stories, capas de Reels e miniaturas - Cartazes, folhetos e ementas - Cabeçalhos de email - Tudo o que queiras que fique exatamente como desenhado ## 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. **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. **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. **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. **Apara os bordos** Corta rente à arte com um pouco de folga, para quem a colocar não lutar com margens invisíveis. 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. - Testa em branco: #ffffff - Testa em cinzento médio: #808080 - Testa em quase preto: #111111 - Testa numa cor de marca: #2563eb Quatro fundos contra os quais confirmar cada exportação transparente. Uma franja pálida vê-se no preto; uma sombra escura desaparece nele; a arte branca desaparece no branco. > **O problema do halo branco** Se a arte foi desenhada em branco, os seus bordos suaves podem guardar uma franja pálida fina que se vê em fundos escuros. Exporta a partir das camadas originais sem fundo, em vez de apagar o branco de uma imagem achatada. ## 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](https://gradiently.design/pt-pt/guide/export-images-and-loops) percorre todos os formatos, e para logótipos sobre cor vê [logótipo sobre fundo de gradiente](https://gradiently.design/pt-pt/guide/logo-on-gradient-background). ## FAQ ### Um JPG pode ter fundo transparente? Não. O JPG não tem canal alfa, por isso qualquer zona vazia é preenchida com uma cor sólida, normalmente branco. Usa PNG, WebP ou SVG. ### Porque é que o meu PNG transparente tem fundo branco? Ou a transparência não estava ativa ao exportar, ou a app onde o abriste mostra as zonas vazias a branco. Põe-no num fundo escuro para confirmar. ### Devo carregar PNG transparentes para o Instagram? Não. Exporta publicações e stories com o fundo completo, porque a plataforma não mantém a transparência e pode preencher as zonas vazias com a sua própria cor. ### O que é melhor para um logótipo, PNG transparente ou SVG? SVG para websites e tudo o que escala, porque fica nítido em qualquer tamanho. PNG transparente para apps, editores de vídeo e pessoas que não conseguem abrir SVG. ### Que tamanho deve ter o PNG de um logótipo transparente? Maior do que pensas precisar, pelo menos 2000 píxeis de largura numa marca nominativa, para outros o poderem reduzir sem ficar mole.