Branding

Como vetorizar um logo

7 min de leitura · Publicado em 2 de ago. de 2026 · Atualizado em 2 de out. de 2026

Vetorizar um logo significa redesenhar uma imagem feita de pixels como uma imagem feita de formas — contornos e preenchimentos com coordenadas matemáticas em vez de uma grade fixa de quadradinhos coloridos. O resultado escala para qualquer tamanho sem amolecer, imprime em qualquer resolução e pode ser recolorido ou reformulado depois.

O motivo pelo qual as pessoas procuram isso é quase sempre a mesma emergência: um cliente mandou o logo dele como um JPG de 400 pixels tirado do próprio site, e a gráfica, o comunicador visual ou o bordadeiro pediu vetor. A vetorização automática resolve a maior parte do caminho em alguns segundos. O trecho final — cores exatas da marca e texto vivo — são alguns minutos de trabalho num editor, e este guia trata principalmente desse trecho.

Encontre a maior versão que existir antes de converter qualquer coisa

Cada pixel da origem é informação que o traçador pode usar, e um logo tirado de uma página web tem muito poucos. Antes de converter, gaste dois minutos procurando uma versão maior: a pasta de favicons do site do cliente, uma fatura ou apresentação antiga em PDF (abra e exporte o logo a 300 dpi — pode já ser vetor), um folheto impresso que você possa escanear, ou a assinatura de e-mail de alguém que trabalha lá há muito tempo.

Se um JPG de 200 pixels é genuinamente tudo o que existe, converta mesmo assim, mas espere ter que limpar. Nesse tamanho, as formas das letras não têm mais bordas nítidas para encontrar — cada contorno é um gradiente de dois ou três pixels — e o traçador reproduzirá fielmente essa suavidade como curvas levemente irregulares.

Um JPG carrega um problema extra que um PNG não tem: artefatos de compressão. O halo em blocos ao redor de bordas de alto contraste é invisível num olhar rápido e muito visível para um detector de bordas, que o lê como detalhe e traça. Se a sua origem é um JPG salvo em baixa qualidade, essa franja é o maior obstáculo entre você e um resultado limpo.

Confira a contagem de preenchimentos antes de qualquer outra verificação

Um logo de duas cores deve voltar como dois preenchimentos planos. Abra o resultado no Illustrator, Inkscape, Affinity ou Figma e veja quantas formas distintas ele realmente contém. Essa única verificação captura quase todo problema que vale a pena capturar: se um wordmark azul-marinho plano chegou como onze azuis quase idênticos, a origem tinha ruído de compressão ou uma sombra suave, e tudo no downstream — recolorir, separações, as chapas da gráfica — será uma briga.

Quando os preenchimentos estão certos em número, mas errados no valor, isso é esperado e fácil. O traçador amostra o que está realmente na imagem, que é o que a compressão do JPG e o perfil de cor da captura de tela deixaram para trás — o #003C71 da marca volta como #023E70. Selecione cada preenchimento e defina o valor hex ou Pantone real à mão. Dois minutos, e é a diferença entre um logo que bate com o manual da marca e um que quase bate.

Componha o wordmark em texto vivo, vetorize apenas o símbolo

Formas de letras traçadas nunca são tão boas quanto a fonte real. Elas chegam perto — muitas vezes perto o bastante para que ninguém note num cartão de visita — mas em tamanho de outdoor a diferença entre uma curva real e uma aproximação traçada dela é exatamente para onde o olhar vai. As hastes oscilam por uma fração de milímetro, as terminais se arredondam, e o espaçamento fica congelado no que quer que a imagem de origem tivesse.

Então identifique a fonte e componha o texto de verdade. WhatTheFont, Matcherator do Font Squirrel e a identificação de fontes do próprio Adobe nomeiam a maioria das fontes comerciais a partir de um recorte limpo. Depois vetorize apenas o símbolo ou monograma, e componha o wordmark em texto vivo ao lado — o que também significa que o logo pode ser recomposto em outro tamanho ou espaçamento depois, sem refazer nada.

Se a fonte não dá para identificar, é exclusiva ou fortemente modificada, traça o texto também e depois gaste o tempo nas duas ou três letras que carregam mais peso. Ninguém examina um “n” minúsculo; todo mundo olha para a maiúscula.

SVG, e o que fazer quando alguém pede outra coisa

SVG é o que você recebe, e para quase todo uso é o que você quer. Toda ferramenta de design atual o importa, navegadores o renderizam nativamente, software de corte o aceita, e é um formato de texto que você pode abrir e ler se um dia precisar saber o que realmente há no arquivo.

O que você não vai receber é EPS, PDF, DXF ou AI. Não há conversor para nenhum deles no pipeline, e um pedido por qualquer um deles é recusado na API, em vez de aceito para falhar em silêncio mais tarde.

Isso importa em exatamente uma situação: uma oficina de serigrafia ou comunicação visual mais antiga, cujo RIP é anterior ao SVG e pede EPS pelo nome. Abra o SVG no Illustrator, Inkscape ou Affinity e salve o arquivo que eles pediram — é um atalho de teclado sobre os mesmos caminhos, e é um passo que o seu editor faz melhor do que um serviço de conversão faria.

Passo a passo

  1. 01

    Encontre a maior origem disponível

    Confira PDFs antigos, arquivos de impressão e assinaturas de e-mail antes de se contentar com um JPG de site. Cada pixel extra é informação que o traçador pode usar.

  2. 02

    Envie o arquivo

    Arraste o arquivo para o workspace. PNG, JPEG, WebP e BMP são todos aceitos, e o tipo do arquivo é lido pelos bytes, e não pela extensão.

  3. 03

    Confira as configurações

    Não há nada para escolher quanto ao formato — o resultado é um SVG. Todo o resto da conversão é decidido automaticamente a partir da imagem.

  4. 04

    Converta e abra o resultado

    Baixe o SVG e abra-o no Illustrator, Inkscape, Affinity ou Figma.

  5. 05

    Corrija cores e texto

    Defina cada preenchimento com o valor real da marca, e substitua qualquer wordmark traçado por texto vivo na fonte identificada.

Problemas comuns

O logo voltou com dezenas de cores quase idênticas
A origem é um JPG com artefatos de compressão, ou tem uma sombra suave. Encontre uma versão em PNG, se existir. Se não, use a seleção por cor semelhante no seu editor e mescle as quase-duplicatas num único preenchimento — é muito mais rápido do que parece, e só precisa ser feito uma vez.
As bordas parecem levemente irregulares ou tortas
A origem era pequena demais; o traçador está reproduzindo fielmente pixels com anti-aliasing que nunca foram uma borda limpa. No Lite e acima, aumente a suavização. Abaixo disso, a correção mais rápida é uma imagem de origem maior.
Há um retângulo branco atrás de tudo
A origem foi achatada sobre um fundo branco — um JPG sempre é, já que JPEG não tem transparência. O fundo volta como uma forma própria; selecione-a e exclua-a. Começar de um PNG transparente evita isso completamente.
Traços finos desapareceram
Um fio de um pixel de largura na origem não tem interior para o traçador preencher. Amplie a origem antes de converter, ou no Lite e acima aumente o nível de detalhe para que feições mais finas sobrevivam à etapa de mesclagem.

Perguntas frequentes

Posso vetorizar um logo de graça?
Sim. A pré-visualização na página inicial não precisa de conta alguma, e uma conta gratuita converte 10 imagens por mês em até 2 megapixels, sem cartão. É o suficiente para o caso usual de um logo que precisa ser salvo.
O logo vetorizado vai bater exatamente com as cores da marca?
Não automaticamente, e nenhuma ferramenta automática consegue. O traçador amostra as cores que estão realmente na imagem, e um JPG que passou por compressão e por uma captura de tela não guarda mais os valores originais. Defina os números hex ou Pantone reais à mão depois de converter — leva cerca de dois minutos e é o passo que faz a diferença.
O resultado é bom o bastante para impressão em grande formato?
A geometria é independente de resolução, então imprime em qualquer tamanho. Se fica bom naquele tamanho depende da origem: um logo traçado a partir de um PNG de 2000 pixels se sustenta num envelopamento de veículo; um traçado a partir de um favicon de 200 pixels mostrará a origem. Confira o resultado em tamanho real antes de enviar.
E se o logo tiver um gradiente?
Gradientes são aproximados como faixas de cor plana, em vez de reproduzidos como preenchimentos de gradiente. Num logo, isso geralmente lê como errado, então a resposta honesta é reconstruir o gradiente à mão sobre a forma traçada — o que é rápido quando o contorno está correto.

Guias relacionados

Cookies

Usamos cookies do Google Analytics para saber quais páginas são visitadas e onde os visitantes travam — sem publicidade, sem criação de perfis, nada é vendido. Ao recusar, o site funciona exatamente igual. Detalhes na Política de Privacidade.