O que é Traçador de PNG para SVG?

O PNG to SVG Tracer converte imagens raster (PNG, JPG) em gráficos vetoriais escaláveis. Utiliza detecção de bordas e traçado de caminhos para produzir SVG que pode ser redimensionado sem perda de qualidade. Funciona bem para logotipos, ícones e ilustrações.

Há cinco predefinições para os casos comuns: Logo/Flat, Ícone, Ilustração, Esboço e Foto. Limiar, suavização, detalhe, número de cores, simplificação de caminhos e um filtro de pontos ficam expostos em sliders, então dá para acertar até o SVG cair em número de caminhos sem perder a definição da borda. Um botão Inverter resolve a arte clara sobre escuro, e um editor de camadas de cor deixa você ocultar camadas ruidosas antes de baixar. Um logo plano costuma ficar abaixo de 5 KB.

Como usar

1. Faça upload de uma imagem PNG ou JPG que deseja vetorizar.
2. Ajuste o limiar, a suavização e os detalhes para controlar a qualidade do traçado.
3. Visualize o resultado em SVG e baixe o arquivo vetorial.

Quando usar

• Recuperar o logo antigo de uma empresa quando só sobrou um PNG de baixa resolução.
• Preparar ícones para um design system que precisam ficar nítidos em 16 px e 256 px.
• Transformar a digitalização de um esboço a lápis em caminhos vetoriais editáveis no Figma ou Illustrator.

Resultado

Um designer faz upload de um logotipo PNG de 200×200 pixels. O traçador detecta as bordas e gera um SVG nítido com curvas de Bézier suaves, que fica perfeito mesmo num outdoor.

Perguntas frequentes

Dá para tirar um SVG decente de uma fotografia com isso?

Não mesmo. Fotos têm gradientes contínuos que viram milhares de caminhos sobrepostos, inflando o arquivo e ficando com aspecto manchado. Use a predefinição Foto só para efeitos de posterização estilizada e mantenha as fotos reais em raster.

Por que a saída tem tantos caminhos minúsculos?

Quase sempre o PNG de origem tem ruído ou antialiasing nas bordas. Aumente o filtro Remover pontos para descartar as manchas isoladas antes de traçar, suba Simplificar para fundir pontos próximos e diminua o número de cores para achatar saltos sutis de gradiente que estão sendo traçados como regiões separadas.

Qual é a diferença entre limiar e detalhe?

O limiar decide quais pixels contam como frente e quais como fundo (o corte preto/branco). O detalhe controla quão próximo o caminho segue a borda do pixel depois dessa decisão. Limiar alto + detalhe baixo dá uma silhueta limpa; limiar baixo + detalhe alto captura textura.

Consigo manter as cores originais?

Sim. Suba o slider Cores acima de 2 e o traçador quantiza a imagem nesse número de regiões de cor, cada uma virando um caminho SVG com o preenchimento correspondente. De duas a seis cores funciona bem para ilustrações planas.

O SVG sai menor que o PNG original?

Em logos e ícones quase sempre sim, um PNG de 50 KB costuma virar 2-5 KB de SVG. Em ilustrações complexas o SVG pode ficar maior que o PNG; nesses casos, abaixar o slider de detalhe ajuda a reduzir o número de caminhos.

Ferramentas relacionadas