Como vetorizar um logo: de PNG a SVG multicolor, grátis
A técnica completa, não apenas uma troca de formato: qual predefinição escolher, quantas cores manter, o que um SVG em camadas oferece e como conferir o resultado. Grátis e sem cadastro.
O que vetorizar um logo significa de verdade
Vetorizar um logo significa reconstruí-lo como formas geométricas - traçados, não pixels - para que fique nítido de um favicon de 16 pixels até a placa de uma loja. Bem feito, o SVG mantém cada cor do original como sua própria camada editável. Se o arquivo já está à mão, o conversor online grátis de logosfaz isso em menos de um minuto; o resto deste guia trata de obter um resultado que você possa entregar a uma gráfica, a um desenvolvedor ou a uma máquina de corte.
Dois guias vizinhos mantêm este focado: converter qualquer tipo de raster está na guía de converter qualquer imagem em SVG, e recuperar um logo pequeno, borrado ou pixelado tem seu próprio fluxo de recuperação linkado mais abaixo. Aqui tratamos do ofício específico do logo: contagem de cores, saída em camadas e controle de qualidade.
Um aviso antes de tudo: alguns «conversores» entregam um .svg que na verdade é o seu PNG embrulhado em uma tag <image> em base64. Abra o arquivo em um editor de texto: se vir um único bloco codificado gigante em vez de elementos <path>, você recebeu um bitmap renomeado, não um vetor.
Resultados reais do conversor
Três tipos de logo chegam até aqui
A predefinição escolhida depende de qual dos três logos você tem na mão. Decida isso primeiro: é a maior alavanca de qualidade que existe.
A marca de uma cor
Logotipo, ícone, carimbo: uma cor só sobre fundo liso. É o caso mais fácil: a predefinição Preto e Branco produz uma forma limpa, o menor arquivo possível e exatamente o que gravadores, plotadoras e estênceis pedem.
O logo multicolor plano
De duas a seis cores sólidas, sem gradientes: o logo de cliente mais comum. A predefinição Pôster foi feita para ele: cada região de cor se torna seu próprio traçado vetorial, empilhado em camadas. É o caso que os guias genéricos estragam achatando tudo em preto e branco.
O emblema cheio de gradientes
Brilhos metálicos, sombras suaves, efeitos 3D. A vetorização só aproxima gradientes como faixas de cor. A predefinição Foto faz o melhor trabalho, mas espere uma versão estilizada do seu emblema, não uma cópia - e um arquivo bem mais pesado.
Qual predefinição para qual logo
Casa o seu logo com uma linha e pegue a predefinição: toda a decisão em uma tabela:
| Seu logo | Predefinição | O que você obtém |
|---|---|---|
| Logotipo, ícone ou carimbo de uma cor | Preto e Branco | Uma forma limpa, arquivo mínimo, pronto para corte |
| 2-6 cores planas (a maioria dos logos de cliente) | Pôster | Um traçado editável por cor |
| Gradientes, metalizados, sombras suaves | Foto | Gradientes aproximados em faixas |
| Logo sobre fundo ocupado ou colorido | Prepare antes | Recorte ou remova o fundo e vetorize depois |
| Captura minúscula, menos de ~200 px de largura | Consiga um arquivo maior | Nenhuma predefinição inventa resolução: veja o guia do logo borrado |
| Logo com serifas finas ou muito detalhe | Pôster + mais detalhe | Mais detalhe de traçado mantém vivos os traços finos |
Curioso sobre o que acontece com os pixels em cada escolha? A mecânica está destrinchada em o que a vetorização realmente faz.
Quantas cores o SVG deve manter?
Esta é a decisão que os tutoriais genéricos pulam - e ela define tanto a fidelidade quanto o peso do arquivo. Cada cor extra adiciona traçados; a habilidade está em parar no número de cores que o logo realmente tem:
- 1-2 cores: Preto e Branco. Se a marca é uma cor mais o fundo, vetorizar em cor só paga o ruído do antialiasing. Uma forma, arquivo leve como pena.
- 3-8 cores planas: Pôster. O ponto ideal dos logos reais. As cores da marca sobrevivem como camadas nomeadas que você pode recolorir; a névoa do JPEG entre as formas é absorvida, não vetorizada.
- Dezenas de tons: Foto. Só para emblemas com gradiente. A fidelidade sobe, mas o peso também: um SVG com Foto pode pesar dez vezes o irmão Pôster e ainda parecer estilizado.
Regra de bolso: conte as cores do manual da marca, some uma para o fundo e pare aí. Se você não consegue nomear o propósito de uma cor, o vetorizador não deveria desenhá-la.
SVG em camadas: por que um traçado por cor importa
Abra um logo SVG bem vetorizado em um editor de texto e você encontrará uma pilha pequena de elementos <path>: um por cor, o maior primeiro. Essa estrutura não é detalhe de implementação: é o que torna o arquivo um ativo de trabalho em vez de uma foto de um.
Como cada cor é seu próprio traçado, um rebranding é uma edição de dois minutos: selecione a camada, aplique o novo preenchimento, exporte - no Inkscape, Illustrator ou qualquer editor que abra SVG. Na web, apontar o preenchimento de uma camada para currentColor faz o logo seguir o tema da página automaticamente. Um traçado achatado não oferece nada disso: cada recolorização volta ao zero.
Como vetorizar um logo grátis (4 passos)
Sem conta, sem instalação, sem marca d'água:
- Envie o logo - arraste e solte o PNG, JPG, WebP ou BMP. A versão maior e mais limpa que você tiver vetoriza melhor.
- Escolha a predefinição pela tabela acima: Preto e Branco para marcas de uma cor, Pôster para logos multicolores planos, Foto para emblemas com gradiente.
- Ajuste a contagem de cores para a paleta da marca: aproximadamente as cores com que o logo foi desenhado, mais o fundo.
- Confira a prévia com a lista abaixo e baixe o SVG: elementos <path> reais, prontos para gráfica, web ou corte.
Por baixo do capô, a conversão roda um motor de vetorização automática derivado do VTracer, o vetorizador open source em Rust. Seu logo é reconstruído como formas vetoriais empilhadas - nunca embrulhado ou renomeado.
O traçado está bom? Uma checagem de 60 segundos
Antes de enviar o arquivo, passe-o por quatro checagens. Juntas levam um minuto e pegam todas as falhas comuns:
- Zoom em 400 %. As bordas devem continuar curvas suaves. Escadas ou borrões significam origem pequena demais ou contagem de cores alta demais.
- Encolha ao tamanho de favicon. Se a marca ficar ilegível a 16 px, o traçado é fiel, mas o logo precisa de uma variante ícone simplificada: vetorize só a parte do símbolo separadamente.
- Confira as cores. Cada cor da marca deve parecer ela mesma. Tons desviados significam que o vetorizador gastou cores com antialiasing: abaixe a contagem e refaça.
- Pese o arquivo. Um SVG de logo deve ter alguns KB. Dezenas de KB significam que o motor desenhou ruído; esse peso seguirá o arquivo em cada página que o carregar.
O teste do favicon é o que as pessoas pulam e depois lamentam: um vetor que só funciona em tamanho cheio não protege nada que um PNG de alta resolução já protegeria.
Quando vetorizar um logo não funciona - e o que fazer
Três situações trazem pessoas a este guia quando o vetorizador é, sinceramente, a ferramenta errada:
- Emblemas com gradientes. A vetorização aproxima gradientes como faixas. Se o brilho é a marca, peça o vetor original ao cliente ou fique com o raster: um SVG em faixas pode parecer pior que um PNG nítido.
- O único arquivo é uma captura de 150 pixels. Nenhuma predefinição inventa pixels, mas upscalar não é a única saída: o fluxo de recuperação da guia para consertar um logo borrado extrai muito mais de arquivos pequenos do que uma vetorização direta.
- Na verdade é uma foto com texto por cima. Fotos pedem outras predefinições e outras expectativas: o guia de foto para SVG cobre esse território.
A linha divisória: vetorizar converte formas limpas em formas mais limpas. Quando não há formas limpas na origem, a solução é uma origem melhor ou um redesenho - não mais ajustes.
Illustrator vs Inkscape vs um conversor online grátis
Os três caminhos levam a um SVG. Diferem no custo, na curva de aprendizado e no que você pode corrigir depois:
| Ferramenta | Ideal para | Atenção com |
|---|---|---|
| Adobe Illustrator | Controle manual total: redesenhar traçados à mão, cores exatas da marca, entrega para gráfica | Uma assinatura pelo que, quase sempre, é um clique de Image Trace |
| Inkscape (grátis) | Vetorização local, edição e limpeza de traçados sem custo de software | A curva de aprendizado de um editor completo; multicolor exige a aba de múltiplos escaneamentos |
| Conversor online | Um logo, um minuto, sem instalar: predefinições ajustadas para logos, saída em camadas | Lotes e limpezas pesadas continuam sendo trabalho de desktop; confira a política de privacidade para marcas confidenciais |
Nota honesta: o Image Trace do Illustrator e o Traçar bitmap do Inkscape rodam o mesmo tipo de motor que um vetorizador online. Pagar por software compra edição manual depois do traçado - não compra um traçado automático melhor.
Um logo, todas as variantes - e uma rota em lote
O trabalho real de marca nunca é um arquivo só. A mesma conversão cobre o conjunto inteiro:
- Variantes: só ícone, versão horizontal, invertida para fundos escuros: vetorize cada uma da sua origem raster, mesma predefinição, resultados consistentes.
- Destinos: impressão (do cartão à sinalização), web (do favicon ao hero) e plotadoras ou gravadores que seguem traçados vetoriais diretamente.
- Entrega: um SVG em camadas com um traçado por cor é o arquivo que desenvolvedores e gráficas pedem: acabaram os e-mails de «pode mandar uma versão maior?».
Converter um kit de identidade inteiro de uma vez - cada variante, cada logo histórico - é exatamente o que o guia de conversão em lote automatiza com o app de desktop grátis.
Guias de conversão relacionadas
Recuperação, teoria e trabalho em lote: os guias ao redor deste.
Perguntas frequentes
Como vetorizar um logo de graça?
Envie o logo ao conversor online grátis, escolha a predefinição correspondente (Preto e Branco para marcas de uma cor, Pôster para logos multicolores planos, Foto para emblemas com gradiente), ajuste a contagem de cores à paleta e baixe o SVG. Sem conta e sem marca d'água; o app de desktop grátis faz o mesmo localmente para trabalhar offline.
Dá para vetorizar um logo sem Adobe Illustrator?
Dá. O Image Trace do Illustrator roda o mesmo tipo de motor automático que as ferramentas grátis usam: a assinatura compra edição manual de traçados, não uma vetorização automática melhor. Para uma conversão pontual, um conversor online grátis ou o Inkscape produzem um SVG igualmente válido.
Um logo multicolor mantém as cores no SVG?
Com a predefinição Pôster, sim: cada região de cor se torna seu próprio traçado vetorial, então o SVG mantém a paleta como camadas editáveis que você pode recolorir em qualquer editor. Evite Preto e Branco para logos coloridos: achata tudo em uma forma só.
O SVG tem fundo transparente?
A vetorização reproduz as formas do seu arquivo: se o PNG de origem tem fundo transparente, o SVG mantém; se o logo está sobre um fundo sólido, esse fundo também é vetorizado como forma. Para um recorte limpo, remova o fundo antes de enviar ou apague a camada do fundo em qualquer editor de SVG depois.
É seguro enviar o logo confidencial de um cliente?
O conversor online processa a imagem e a descarta: nada é armazenado. Para logos sob NDA ou manuais de marca rigorosos, o app de desktop open source roda a mesma conversão inteiramente na sua máquina, offline.
Vetorize seu logo agora - grátis e sem cadastro
Envie o PNG ou JPG, escolha uma predefinição e baixe um SVG multicolor em camadas em menos de um minuto: sem conta, sem marca d'água e sem Illustrator.
Apoie o Desenvolvimento de Código Aberto
O PixelToPath é gratuito para usar. Se esta ferramenta o ajudou a economizar tempo, considere me pagar um café.
❤️ Doar via Ko-fi