Ir para o conteúdo
UtiliLab

Converter PNG para SVG (Vetorizar Imagem)

Escolha a imagem e ajuste as cores e a precisão. O SVG aparece ao lado do original para você comparar antes de baixar.

Processado no seu navegador — nada é enviado ou armazenado.

Como usar

  • Escolha ou arraste a imagem (PNG, JPG, WebP, GIF ou BMP).
  • Escolha o número de cores: logotipos costumam precisar de 2 a 8; ilustrações, de 16 a 32.
  • Ajuste a precisão das curvas e o filtro de ruído até o resultado ficar bom na prévia.
  • Baixe o SVG ou copie o código.

Como a vetorização funciona

Primeiro, a imagem é reduzida às cores escolhidas, agrupando pixels parecidos (k-means em OKLab). Depois, o contorno de cada área de cor é traçado com retas e curvas pelo ImageTracer.js. O resultado é um SVG de formas, que pode ser ampliado sem perder nitidez e editado em qualquer programa vetorial.

Formas transparentes são descartadas, e o SVG sai com viewBox, então se ajusta a qualquer tamanho no CSS.

Para um bom resultado

  • Funciona melhor com logotipos, ícones, desenhos e textos — imagens de cores chapadas.
  • Fotos viram ilustrações estilizadas: o número de formas cresce muito e o SVG pode ficar maior que o PNG.
  • Use a imagem no maior tamanho que tiver. Imagens acima de 1.200 px são reduzidas antes do traçado, para não travar o navegador.
  • Se aparecerem manchas pequenas, aumente o filtro de ruído; se as curvas ficarem quadradas, aumente a precisão.

Privacidade

Tudo é calculado no seu navegador. Nenhum arquivo, cor ou código é enviado a servidor nenhum, e nada fica guardado depois que você fecha a página.

Conteúdo e funcionamento revisados pela Equipe UtiliLab em . Consulte nossa metodologia de revisão.

Perguntas frequentes

O SVG gerado é editável?

Sim. Cada área de cor vira um caminho (<path>) com preenchimento próprio, que você pode editar no Figma, Illustrator, Inkscape ou à mão.

Qual a licença do traçador?

O ImageTracer.js é domínio público (Unlicense). O SVG gerado é seu, sem restrição.

Meus arquivos são enviados para algum servidor?

Não. A ferramenta roda inteira no seu navegador; o arquivo é lido e gerado no seu aparelho.

Ferramentas relacionadas