PNG de logo perde nitidez no pôster

Vetorize o logo e pare de exportar um bitmap novo a cada tamanho.

Mesa de designer com formas e esboços de marca
Foto do Unsplash

Guia

Muitas empresas têm apenas um logo em PNG que parece adequado em tamanho pequeno, mas perde nitidez quando é ampliado para um pôster.

Um arquivo vetorial em SVG pode ser ampliado, recolorido e editado sem perder definição. Isso é útil em adesivos, estampas de camisetas e cabeçalhos de sites.

Gráficos vetoriais guardam geometria (curvas, preenchimentos, coordenadas) em vez de uma grade de pixels. Amplie o arquivo e as formas são desenhadas de novo, e por isso um logo em SVG, o formato da web mantido no W3C, fica nítido no cartão de visita e no banner.

O traçado automático aproxima essa geometria ao identificar regiões de cor uniforme e criar caminhos ao redor delas. Ele ajuda a recuperar um PNG pouco nítido, mas não substitui o redesenho profissional da marca.

Por que o vetor não embaça

Um PNG guarda pixels em uma grade fixa de pontos coloridos. Ao ampliar demais, esses pontos ficam maiores e a imagem perde nitidez. Um SVG guarda instruções para desenhar curvas e preencher formas, por isso pode ser redimensionado para um cartão de visita ou um banner de dois metros sem perder definição.

É por isso que designer pede “a versão em vetor” e gráfica gosta de SVG, e não é frescura. Logo em bitmap de fato se desfaz em tamanho de impressão, e nenhuma ampliação conserta de verdade uma forma que nunca foi guardada como forma.

O que traça bem

A vetorização identifica áreas de cor uniforme e cria caminhos ao redor delas. Quanto mais simples for a imagem, melhor funciona o processo.

1. Ótimos pontos de partida: selo, silhueta, marca de duas cores, ícone de linha, mascote simples, letra bem marcada.

2. Aceitável: ilustração chapada com um punhado de cores e borda limpa.

3. Ruim: degradês suaves, sombras projetadas e texturas de aquarela. Esses elementos podem gerar faixas de cor e contornos complexos.

4. Evite selfies, fotos de pôr do sol e produtos, porque a vetorização pode criar um efeito artístico com pouca utilidade prática.

5. Evite favicons e miniaturas muito pequenas: uma origem com 64 pixels não tem informação suficiente nas bordas, então procure uma versão maior.

Prepare e trace

Cinco minutos de preparo mudam o resultado mais do que qualquer outra coisa:

1. Comece pela cópia maior e mais nítida disponível, porque artefatos de compressão dificultam a identificação das bordas.

2. Corte tudo que não é a marca. Pixel solto de fundo vira caminho solto.

3. Se o gráfico está em cima de uma foto ou de uma textura, recorte primeiro para o traço ver só o logo.

4. Menos cores dão caminhos mais limpos. Se o resultado parecer barulhento, simplifique a origem e rode de novo.

O processo é curto: abra Imagem para vetor, envie o arquivo, confira a prévia e exporte o SVG. O traçado ocorre no navegador, sem enviar a imagem para um servidor. Guarde o SVG como novo arquivo original e gere PNGs nos tamanhos necessários a partir dele.

O que o traço não faz

O traçado automático ajuda em tarefas simples, mas não substitui um designer de marca. Conheça os limites antes de usar o resultado em uma produção maior:

1. Texto vira forma, não tipo editável: você pode ampliar e recolorir, mas consertar um erro de digitação pede um editor de vetor e alguma paciência.

2. O traço segue os pixels que vê, falha incluída, então uma borda trêmula no PNG vira um caminho trêmulo no SVG.

3. Marca complexa pode voltar com bem mais pontos de âncora do que uma pessoa desenharia. Ainda amplia bem, mas editar à mão fica chato.

4. O traçado de um logo de baixa qualidade continua limitado pela imagem de origem. Em uma reformulação profissional da marca, o redesenho manual é a melhor opção.

Vetorizar uma marca que você não possui não concede direito de uso. Converter o logo de terceiros em caminhos continua sujeito às mesmas regras de propriedade intelectual.

Depois de exportar

Abra o SVG em um editor vetorial para mudar cores, remover pequenos fragmentos ou arredondar cantos. Os navegadores também exibem SVG diretamente, por isso a marca pode ser usada no cabeçalho de um site com boa nitidez em diferentes telas e, muitas vezes, em um arquivo menor do que o PNG.

O arquivo traçado

Eu não envio o primeiro SVG diretamente para a gráfica. Abro o arquivo, amplio os cantos e procuro pequenas áreas criadas por ruído de compressão, falhas em formas fechadas ou letras que perderam uma serifa. Corrigir esses pontos leva menos tempo do que refazer a impressão.

Se a marca precisa ter mais de uma cor, verifico se os caminhos estão separados para permitir a edição. Quando o traçado une formas diferentes, simplifico a imagem de origem e processo novamente, em vez de corrigir muitos pontos de ancoragem manualmente.

Depois eu guardo o SVG com um nome chato e só exporto um PNG quando um formulário recusa o vetor. O vetor é o mestre, e o PNG é fotocópia para os lugares que ainda vivem em 2011.

Quando eu redesenho

Quando a marca é formada principalmente por texto, muitas vezes evito o traçado automático. Letras obtidas de uma foto de outra foto podem ter falhas nas formas e serifas; refazer o texto com a fonte correta costuma ser mais rápido.

Eu também pulo o traço quando a origem é selfie, foto de produto ou pôr do sol. A ferramenta vai me dar formas, mas essas formas não serão a foto: serão um pôster da foto, e eu já tenho a foto.

Um selo com duas cores e bordas limpas é um bom candidato à vetorização. Faço um corte próximo ao desenho, começo pelo maior PNG disponível e, se necessário, tento novamente com uma origem mais simples.

Se uma loja pede o vetor de uma marca que eu não possuo, eu digo não. Traçar não muda quem desenhou: eu posso ampliar o meu trabalho, mas não posso lavar o logo de outra pessoa transformando-o em caminhos.

Guarde o SVG como novo arquivo original e exporte bitmaps a partir dele no tamanho necessário. O traçado de um logo de baixa qualidade continua limitado pela imagem de origem; em uma reformulação profissional da marca, o redesenho manual é a melhor opção.