Vetorize PNG e JPG em SVG no navegador, com controle de cores e detalhes, prévia lado a lado e sem enviar o arquivo.
Um PNG ou JPG guarda uma grade de pixels. Um SVG guarda formas, descritas por pontos e curvas, e por isso pode ser ampliado sem perder nitidez. Esta ferramenta faz o caminho de uma para a outra, o que se chama vetorização ou rastreio. Primeiro as cores da imagem são reduzidas a uma paleta curta (o controle Cores). Depois cada cor vira uma camada, o contorno de cada região é seguido pixel a pixel e ajustado por retas e curvas quadráticas (o controle Detalhe decide o quanto esse ajuste pode se afastar dos pixels). O resultado é um SVG com um caminho por cor, validado antes de você baixar. O motor é o imagetracerjs, de domínio público, e tudo roda no seu navegador, num processo separado para não travar a página. Vale ser direto sobre o limite: vetorização boa em logos, ícones, carimbos e arte chapada, e só razoável em foto, que vira um pôster de poucas cores.
A vetorização começa pelas cores. A ferramenta monta uma paleta de até 32 cores a partir dos pixels, preferindo cores raras mas distintas (o vermelho pequeno de um logo) a variações da cor dominante, e descarta tons que são só mistura de duas cores maiores, o chamado antialiasing das bordas. Em seguida cada pixel recebe a cor mais próxima da paleta.
Cada cor vira uma camada. O algoritmo percorre a borda de cada região, ponto a ponto, e depois tenta cobrir a sequência de pontos com uma reta. Se o erro passa da tolerância, tenta uma curva quadrática, e, se ainda falha, divide a sequência e repete. A tolerância é o que o controle Detalhe regula: no detalhe 5 ela vale 1 px, no 10 cai para cerca de 0,13 px, e no 1 sobe para cerca de 5 px.
Funcionam bem logos, ícones, ilustrações com cores chapadas, carimbos, assinaturas escaneadas e desenhos a traço. Nesses casos o SVG costuma ficar muito menor que o PNG e escala para qualquer tamanho, de um ícone de 16 px a um outdoor.
Fotos, degradês longos e sombras suaves são o ponto fraco. Cada transição de cor precisa de uma nova camada, e com 24 ou 32 cores o resultado parece um pôster, não uma foto. Se o seu objetivo é ampliar uma foto sem perder qualidade, a vetorização não é o caminho.
Comece pela maior versão do logo que você tiver, de preferência PNG. Um JPG pequeno e muito comprimido traz manchas de compressão ao redor das letras, e a ferramenta tenta transformar isso em formas. A suavização 1 ou 2 ajuda, mas não substitui uma fonte limpa.
Se o contorno de um desenho a lápis sair falhado, aumente o Detalhe e escolha o preset Traço, que separa só tinta e papel. Se sobrarem pontinhos, baixe o Detalhe: ele também filtra manchas pequenas.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/imagem-para-svg"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Converter Imagem para SVG"
></iframe>
<p style="font-size:12px;margin:6px 0 0">Ferramenta por <a href="https://jkit.tools/pt/ferramentas/imagem-para-svg">J-Kit</a></p>Vai usar em um trabalho, aula ou post? Copie o link ou a referência pronta. A data de acesso é a de hoje.
<a href="https://jkit.tools/pt/ferramentas/imagem-para-svg">Converter Imagem para SVG</a>
Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
Envie a imagem, escolha o tipo (Logo funciona para a maioria dos casos) e baixe o SVG. A conversão é uma vetorização: a ferramenta reduz as cores, segue o contorno de cada região e escreve formas em vez de pixels. Não é um simples empacotamento do PNG dentro de um arquivo SVG, que continuaria sendo uma imagem de pixels.
A vetorização funciona melhor em logos, ícones e arte chapada. Fotos viram uma versão posterizada, com cara de pôster.