Por que seu logotipo deveria ser PNG, não JPG
Se seu logo está salvo como JPG, quase certamente está prejudicando sua marca. Veja o que dá errado e como corrigir em cinco minutos.
Seu logotipo é a imagem mais reutilizada do seu negócio. Ele aparece no site, em assinaturas de e-mail, em notas fiscais, em apresentações, nas redes sociais, em materiais impressos e incorporado em dezenas de documentos. Se estiver salvo como JPG, cada um desses usos está ligeiramente degradado — e alguns estão bem quebrados.
O problema em uma frase
Um logotipo não é uma fotografia. É um gráfico composto de cores chapadas, bordas nítidas e, às vezes, texto — exatamente o que o JPG foi projetado para lidar mal.
A compressão JPG danifica ativamente bordas nítidas (o contorno de uma letra ou forma do logo) e áreas de cor uniforme (o fundo de um selo ou distintivo). E o JPG simplesmente não consegue fazer fundos transparentes — que é a maior razão isolada pela qual logotipos deveriam ser PNG.
O problema da transparência
Observe qualquer cabeçalho de site que coloca um logotipo sobre um fundo que não seja branco — uma faixa colorida, uma fotografia, um gradiente. O logo precisa ficar sobre aquele fundo de forma limpa, sem nenhum retângulo branco ao redor. Isso exige transparência.
O JPG não suporta transparência. Se você salvar um logotipo como JPG, cada pixel transparente é convertido em branco sólido. Esse retângulo branco aparece em todos os lugares onde o logo não está sobre branco puro.
As consequências usuais: logo numa barra de navegação escura — uma caixa branca gritando com o usuário. Logo sobre uma foto — a mesma caixa. Logo no modo escuro — ainda aquela caixa. Logo num cabeçalho de e-mail com cor da marca — retângulo da vergonha.
O PNG suporta um canal alfa completo, o que significa que cada pixel pode ser totalmente transparente, parcialmente transparente ou totalmente opaco. O logo assenta naturalmente sobre qualquer fundo.
O artefato de “ringing” ao redor de texto
O JPG comprime imagens dividindo-as em blocos de 8×8 pixels e aproximando cada bloco com uma curva matemática. Isso funciona lindamente para as transições graduais de uma fotografia. Funciona terrivelmente para a transição abrupta entre texto preto e fundo branco.
Dê zoom num logotipo com texto salvo como JPG em qualquer qualidade web típica (60-85%) e você vai ver uma auréola de sutis pontos coloridos ao redor de cada letra, bordas suavizadas onde deveriam estar nítidas, e descoloração sutil no que deveria ser fundo sólido.
Esses artefatos são piores exatamente nos pontos em que o olho se fixa — as próprias formas das letras. Um PNG salva a mesma imagem pixel a pixel, sem artefatos, bordas nítidas preservadas.
Perda geracional: cada salvamento piora
Suponha que você salva seu logo como JPG. Então um colega abre, redimensiona e salva novamente. Depois é incorporado num PowerPoint e exportado. Então alguém tira uma captura de tela do PowerPoint, recorta e salva novamente.
Cada um desses salvamentos é uma etapa de compressão com perdas. A qualidade do JPG se degrada toda vez — isso se chama perda geracional. O resultado final depois de algumas passagens parece visivelmente pior que a origem, com bordas borradas e ruído de compressão acumulado.
O PNG não tem perda geracional. Salve um PNG mil vezes, reabra, salve de novo — o arquivo é bit a bit idêntico todas as vezes. Seu logo permanece nítido não importa por quantas mãos passe.
Lado a lado: um cenário do mundo real
Imagine um logotipo: um escudo azul-marinho com “ACME” em letras brancas, sobre fundo transparente. Veja o que acontece quando é salvo de cada jeito:
| Cenário | Logo como JPG | Logo como PNG |
|---|---|---|
| No cabeçalho branco do seu site | Parece ok (artefatos JPG são sutis) | Parece ok, idêntico à origem |
| Em um banner de e-mail azul escuro | Retângulo branco ao redor do escudo — parece quebrado | Assenta naturalmente sobre o azul |
| Sobre uma foto de destaque | Retângulo branco bloqueia a foto por trás | Escudo flutua limpo sobre a foto |
| Após 5 novos salvamentos (edições) | Borrão visível e ringing ao redor de “ACME” | Pixel idêntico ao original |
| Impresso em papel colorido | Caixa branca aparece, bem perceptível | Escudo imprime apenas com tinta no desenho |
| Incorporado em PDF no modo escuro | Retângulo branco visível contra a página escura | Fundo invisível |
| Com zoom de 4× em um slide | Artefatos em blocos visíveis nas bordas | Bordas permanecem nítidas |
Tamanho do arquivo — o PNG realmente é maior?
Essa é a objeção usual. Para um logotipo, quase nunca é verdade.
Um logo tipicamente tem poucas cores distintas (talvez 2-5), grandes áreas de cor chapada, bordas nítidas e formas simples. Isso é exatamente no que a compressão PNG é boa. Um logo típico de 600×600 salva com:
- JPG (qualidade 85): 30-80 KB
- PNG (24 bits + alfa): 15-60 KB
- PNG-8 (indexado, para logos com ≤256 cores): 5-20 KB
Para logos com paletas simples, o PNG frequentemente é menor que o JPG equivalente. Fotografias são onde o JPG ganha em tamanho. Logotipos são onde o PNG ganha em tamanho e qualidade.
Mas meu logo não é na verdade SVG?
Para uso na web, sim, o SVG é tecnicamente o melhor formato: infinitamente escalável, tamanho minúsculo, perfeitamente nítido em qualquer resolução. Se você consegue um SVG do seu designer, use.
No entanto, SVG tem limites: a maioria dos clientes de e-mail ainda não renderiza SVG de forma confiável, documentos do Office têm suporte inconsistente, a maioria das plataformas de redes sociais rejeita SVG, e fluxos de impressão frequentemente esperam arquivos raster.
PNG é o fallback universal. Para qualquer lugar em que SVG não funciona, PNG é a próxima melhor opção — e você deveria tê-lo em várias resoluções padrão (400×400, 800×800, 1600×1600) para diferentes casos de uso.
Corrigindo: a atualização de cinco minutos
Se você vinha usando um logo JPG, veja como corrigir:
- Encontre a origem original — um arquivo do Photoshop, do Illustrator ou um master em alta resolução. Isso devolve a informação de transparência.
- Se você não tem a origem — seu JPG já cozinhou o fundo branco em cada pixel. Você precisará remover o fundo manualmente (trabalhoso) ou recriar o logo (seu designer geralmente consegue fazer isso rapidamente a partir de um JPG decente).
- Exporte como PNG com pelo menos 2× o maior tamanho em que será usado. Se aparecerá com 200 px no site, exporte com 400 px no mínimo para ficar nítido em telas de alta densidade.
- Substitua em todos os lugares. Atualize o site, as assinaturas de e-mail, os modelos de documento, e compartilhe o novo arquivo com a equipe.
Se você só precisa de uma conversão rápida JPG→PNG como ponto de partida — para entregar a um designer para remoção de fundo, por exemplo — nosso conversor de JPG para PNG faz isso no seu navegador em segundos. Nada é enviado; seu logo fica privado.
Um logo JPG é um bug de marca. Adiciona retângulos feios onde seu logo deveria se integrar, suaviza as bordas que tornam sua marca reconhecível e piora progressivamente a cada salvamento. O PNG resolve tudo isso — geralmente com arquivo menor — e leva cerca de cinco minutos para atualizar.
Se você mudar só uma coisa na higiene de arquivos da sua marca este ano, que seja essa.