Vetorizador de PNG para SVG

Esta ferramenta traça uma imagem de pixels e a transforma em um SVG feito de formas coloridas. Solte um PNG (ou um arquivo JPEG, WebP, GIF, BMP ou AVIF) e o resultado aparece ao lado do original. Dá para copiar o código do SVG ou baixá-lo como arquivo .svg.

O que fazem as configurações?

As quatro predefinições trazem os ajustes da própria galeria de demonstração do vtracer. Padrão é o estado em que os controles daquela demo abrem. P/B é a mesma coisa com o traçado em dois tons ligado, o que serve para desenhos de linha, assinaturas e estênceis. Pôster aumenta o filtro de manchas e alarga a distância que uma cor precisa percorrer antes de começar uma camada nova, então gráficos chapados saem com formas menos numerosas e maiores. Foto filtra ainda mais, guarda o máximo de detalhe de cor e leva o limite de canto ao valor máximo, de modo que quase toda virada vira uma curva suave. Ao mexer em qualquer controle individual, a predefinição muda para Personalizado.

Abaixo das predefinições ficam os parâmetros individuais. O estilo de curva escolhe entre pixel (contornos quadrados, sem suavização), polígono (segmentos retos) e spline (curvas suaves). Filtrar manchas descarta qualquer trecho menor que um quadrado do tamanho que você definir, e é assim que se limpa o ruído de um JPEG. A precisão de cor controla quantos bits por canal sobrevivem, e a diferença entre camadas define o quanto duas cores precisam se distanciar antes que o traçador comece uma nova camada. As camadas podem ficar empilhadas umas sobre as outras ou recortadas umas das outras. O grupo de ajuste de curvas (limite de canto, comprimento do segmento, limite de emenda, iterações máximas) só vale para polígono e spline, então some no modo pixel.

Minha imagem é enviada para algum lugar?

Não. O traçado roda no seu navegador via WebAssembly, em um worker em segundo plano, para que a página continue respondendo enquanto trabalha. A imagem é lida em um canvas, passada para esse worker, e o código gerado vai direto para a pré-visualização. Nada sai do seu dispositivo e nenhuma cópia fica guardada depois que você fecha a aba.

Por que uma foto gera um arquivo enorme?

O traçado procura regiões de cor parecida, então uma fotografia com degradês suaves vira milhares de formas sobrepostas. Se o resultado ficar pesado demais, aumente o filtro de manchas, reduza a precisão de cor e aumente a diferença entre camadas. A vetorização funciona melhor em imagens que já têm áreas chapadas de cor.

Os motivos habituais para fazer isso são ampliar um logotipo que só existe em bitmap, converter um desenho escaneado em algo que uma máquina de corte ou laser consiga seguir, ou levar um gráfico para um formato que continue nítido em qualquer tamanho. O traçado é um palpite sobre as formas, não uma recuperação da arte original, então conte com alguns ajustes. Sobre o formato em si, veja a documentação de SVG da MDN. O traçador é o VTracer, compilado para WebAssembly.