Conversor PNG para SVG

Sobre Conversão de PNG para SVG

PNG e JPG são grades de pixels — dê zoom além de 100% e fica borrado. SVG é matemática — caminhos, curvas e preenchimentos que renderizam nítidos em qualquer tamanho, por isso logos para sites, ícones de apps, máquinas de corte de camisetas, plotters de vinil e roteadores CNC todos precisam de arquivos vetoriais. O problema: vetorização real é difícil. O auto-trace da Adobe cobra US$ 20+/mês, e a maioria dos conversores 'grátis' apenas embute o bitmap raster dentro de uma casca SVG (trapaça — o arquivo parece idêntico e continua pixelando). Esta ferramenta roda o traçador raster open-source ImageTracer.js inteiramente no seu navegador, produzindo dados de caminho SVG genuínos com limiar de brilho ajustável (0-255) e filtragem de manchas/ruído. O modo Preto e Branco gera vetores verdadeiros; o modo cor preserva as cores da foto. Após o traçado você recebe diagnósticos vetoriais — número de caminhos, número de nós/pontos e tamanho do arquivo SVG — além de um botão Copiar código SVG para colar a marcação inline. Sem upload, sem cadastro, sem marca d'água. Veja também o nosso SVG para PNG e AVIF para PNG/JPG.

O que é conversão de bitmap para vetor?

A conversão de bitmap para vetor (também chamada de rastreamento de imagem ou vetorização) converte imagens baseadas em pixels em caminhos e formas matemáticas. O resultado é um gráfico vetorial escalável que mantém a qualidade em qualquer tamanho.

Quais formatos de imagem são suportados?

Esta ferramenta suporta formatos de imagem PNG, JPG, JPEG e BMP como entrada. A saída é sempre em formato SVG (Gráficos Vetoriais Escaláveis), que pode ser aberto em qualquer editor de gráficos vetoriais ou navegador web.

O que é a configuração de limiar?

O limiar determina o nível de brilho em que os pixels são considerados preto ou branco. Os valores variam de 0-255. Valores mais baixos tornam mais pixels pretos, valores mais altos tornam mais brancos. Ajuste isso para obter os melhores resultados de rastreamento.

O que faz a supressão de ruído?

A supressão de ruído (tamanho de turd) remove pequenos grupos de pixels isolados que provavelmente são ruído ou artefatos. Valores mais altos removem mais pequenos detalhes, resultando em um SVG mais limpo mas potencialmente menos detalhado.

Devo usar modo de cor ou preto e branco?

O modo de cor preserva as cores da imagem original incorporando-a no SVG, melhor para fotos. O modo preto e branco traça caminhos para um resultado vetorial verdadeiro, ideal para logotipos, ícones e arte linear.

Quais são os limites de tamanho?

O tamanho máximo de arquivo de entrada é 10MB. Imagens muito grandes ou complexas podem levar mais tempo para processar. Para melhores resultados, use imagens com bordas claras e alto contraste.

Quais imagens funcionam melhor para vetorização limpa?

Gráficos de alto contraste com bordas nítidas: logos, ícones monocromáticos, desenhos lineares simples, tipografia, silhuetas. Esboços com tinta nítida funcionam bem; desenhos a lápis têm dificuldade por causa dos traços em gradiente. Fotos raramente traçam limpas no modo P/B — transições tonais demais. Regra prática: se você consegue contornar claramente as formas à mão, o algoritmo também consegue. A resolução da fonte importa: 1000+ pixels no lado mais longo dá ao potrace detalhe suficiente para encontrar curvas suaves em vez de bordas serrilhadas.

Como obtenho o resultado mais limpo para um logo?

Comece com a fonte de maior resolução que você tem (idealmente o original, mesmo sendo PNG). Defina o limiar em torno de 128 e ajuste de 10-20 em qualquer direção observando a prévia. Maior supressão de ruído (5-15) remove artefatos JPEG e franja de antialiasing; menor (1-3) preserva detalhes intrincados como serifas em letras. Se o logo tem partes brancas que devem permanecer brancas, use modo P/B — modo cor preencherá essas áreas. Teste final: abra o SVG em um navegador e dê zoom para 400%; se as curvas continuam suaves, pronto.

Por que meu SVG convertido parece idêntico ao meu PNG ao dar zoom?

Isso acontece no modo cor com fotos — a ferramenta embute seus pixels raster originais dentro da tag <image> do SVG para fidelidade de cor. É um SVG válido, mas não vai escalar infinitamente (pixels são pixels). Para escala vetorial verdadeira você precisa do modo P/B, que traça caminhos reais. O trade-off: P/B dá escala infinita mas perde cores; cor dá cores precisas mas perde escalabilidade. Não existe algoritmo que magicamente faça as duas coisas para fotos arbitrárias.

Posso editar o resultado no Illustrator ou Inkscape?

Sim — o SVG é um documento W3C padrão com elementos path que você pode selecionar, recolorir, simplificar ou separar em qualquer editor vetorial. Inkscape (grátis) é perfeito para limpeza; Illustrator e Affinity Designer lidam nativamente. Para máquinas de corte Cricut/Silhouette, importe o SVG diretamente. Dica: após traçar em modo P/B, abra no Inkscape e use Caminho → Simplificar (Ctrl+L) para reduzir nós em 30-50%, deixando o arquivo menor e mais fácil de editar sem perda visível de qualidade.

E quanto à transparência na saída?

No modo P/B, pixels brancos viram transparentes por padrão — a forma traçada fica em fundo transparente, perfeito para sobrepor em qualquer cor. No modo cor, o canal alfa original é preservado se você enviar PNG com transparência. JPGs não têm alfa, então áreas que parecem 'brancas' no original ficam brancas sólidas no SVG. Se precisa de logo com fundo transparente, sempre comece com PNG (não JPG) e use modo P/B.

Por que meu SVG traçado é tão grande, e como reduzo nós/caminhos?

Após a conversão, o painel de informações mostra número de caminhos, número de nós e tamanho em bytes do SVG — suas três alavancas para o peso do arquivo. SVG inline muito pesado prejudica diretamente o peso da página e os Core Web Vitals, então fique de olho nesses números. Um número enorme de nós geralmente significa que a fonte tinha franja de antialiasing ou artefatos JPEG que o traçador transformou em milhares de pontos de curva minúsculos. Para reduzir: aumente a Supressão de Ruído para descartar caminhos de manchas curtas, parta de uma fonte mais limpa e de maior contraste, e abra o SVG no Inkscape e use Caminho → Simplificar (Ctrl+L) para cortar nós em 30-50% sem perda visível de qualidade. Menos caminhos e nós significam arquivo menor e renderização mais rápida. Use Copiar código SVG para colar a marcação inline em vez de reenviar um arquivo baixado.

Como preparo a arte para Cricut, Silhouette ou CNC?

As máquinas de corte avaliam um traçado pela densidade de caminhos e nós — nós demais fazem a lâmina vibrar e travar. Parta de uma fonte plana e de alto contraste: fundo sólido (não uma foto carregada), sem sombras ou gradientes, e remova antes os artefatos de compressão JPEG (salve novamente como PNG ou limpe as bordas) para que o traçador não vetorize o ruído. Mire em 300+ DPI no tamanho final de corte para que as curvas fiquem suaves. Use o modo P/B para que as áreas brancas virem recortes transparentes em vez de formas preenchidas, ajuste o Limiar para separar nitidamente figura e fundo, e aumente a Supressão de Ruído para apagar manchas soltas. Confira a leitura de Caminhos e Nós: um logo limpo deve ter dezenas de caminhos, não centenas. Importe o SVG baixado diretamente no Cricut Design Space ou Silhouette Studio.