VTracer de PNG para SVG: confira cores e pequenos detalhes

Para um fluxo de trabalho VTracer PNG para SVG, salve um traço de linha de base antes de reduzir cores ou filtrar pequenas regiões. Em seguida, altere um controle de cada vez e inspecione cada SVG salvo. Em nosso teste original de cores planas, um limite de cores mesclou regiões importantes, enquanto um filtro de manchas mais forte fez com que pequenas marcas intencionais desaparecessem. O menor arquivo ou a paleta mais curta não era o arquivo que retinha a arte pretendida.

Se você precisar de um PNG rastreado on-line, comece gratuitamente com PerfectVector e inspecione as regiões de cores e pequenos detalhes da visualização em relação ao original. Você deve desbloquear o resultado antes de poder editá-lo ou exportá-lo. Os comandos abaixo permanecem um fluxo de trabalho local completo do VTracer; nenhuma comparação de qualidade de saída entre as ferramentas foi realizada.

Experimente com a sua própria imagem

Abrir a ferramenta completa

PNGJPGWEBPPNGSVGSolte sua imagem aquiou clique · cole ⌘VSelecionar imagemSolte para verificar a imagem

Teste grátis. Solte uma imagem e veja a prévia do seu vetor, sem precisar criar conta.

Combine os comandos com a CLI instalada

Este passo a passo usou o oficial VTracer 1.0.0-alfa.4 CLI, com sua própria ajuda executável. Obtenha o binário da plataforma correspondente no lançamento oficial. Os exemplos assumem que o executável é nomeado vtracer na sua pasta de trabalho, ao lado de uma cópia permitida do seu PNG chamada artwork.png.

Você também precisa de um terminal e um visualizador SVG ou editor de texto simples. Preserve o PNG intacto e use nomes de arquivos de saída distintos. Verifique o binário real antes de rastrear:

./vtracer --version
./vtracer --help

Nosso comando de versão retornou vtracer 1.0.0-alpha.4. Se sua ajuda não listar um sinalizador abaixo, use a documentação da interface instalada. O pacote Python é uma interface separada; Argumentos de palavras-chave Python e sinalizadores CLI não são intercambiáveis.

A documentação oficial do projeto descreve o traçado de cores, os controles da paleta e a CLI. Este artigo usa esse executável local, em vez de relatar um teste de demonstração do navegador ou ligação Python.

1. Salve uma linha de base que mantenha pequenas marcas intencionais

Comece com um rastreamento simples que você pode comparar mais tarde:

./vtracer artwork.png baseline.svg \
  --mode polygon --color-precision 8 --filter-speckle 0

Usamos ajuste de polígono porque nossa imagem controlada contém regiões com bordas retas. Esta é uma base para aquela arte plana, não uma configuração universal para cada fotografia ou ilustração curva.

As três opções nomeadas respondem a perguntas diferentes:

Abra baseline.svg ao lado do PNG. Identifique algumas regiões críticas antes de alterar as configurações: a cor da marca, um pequeno destaque isolado, uma característica fina ou uma lacuna que separa duas formas. Uma silhueta grande e suave pode esconder a perda de qualquer um deles.

Ilustração

2. Compare um limite de cores com uma paleta fixa

A CLI testada oferece --max-colors para um limite superior de cores e --palette para cores hexadecimais fornecidas. Uma paleta é o conjunto de cores que você pretende usar na arte. Decida quais cores devem permanecer diferentes antes de pedir ao traçador para reduzi-las.

Esta variante mantém constantes as opções de linha de base e adiciona um limite de três cores:

./vtracer artwork.png fewer-colors.svg \
  --mode polygon --color-precision 8 --filter-speckle 0 \
  --max-colors 3

Um limite superior não é uma promessa de exatamente tantas cores visíveis. Nossa saída real tinha apenas dois valores exclusivos de preenchimento sólido, incluindo branco. As regiões marinho e verde-azulado tornaram-se a mesma cor suave, e a região dourada não era mais distinguível do fundo branco.

Quando você já tiver uma paleta pretendida, teste as cores fornecidas:

./vtracer artwork.png fixed-palette.svg \
  --mode polygon --color-precision 8 --filter-speckle 0 \
  --palette '#ffffff,#17324d,#298d83,#d49c32'

Nossa fonte de ouro era #e7b64c; esta paleta fornecida usou #d49c32 em seu lugar. O SVG salvo usou esse novo ouro, mantendo o azul marinho, azul-petróleo e branco listados. Essa foi uma escolha intencional de recoloração, não a preservação da paleta original. Para decisões mais amplas sobre quais cores podem ser mescladas sem perder o significado, use o guia de redução de paleta SVG.

3. Teste a filtragem de pequenas regiões em uma cópia separada

Retorne às opções de linha de base e altere apenas o filtro speckle:

./vtracer artwork.png filtered.svg \
  --mode polygon --color-precision 8 --filter-speckle 8

Manchas são pequenas regiões isoladas que podem ser ruídos indesejados ou obras de arte deliberadas. O tamanho deles por si só não diz qual. Em nosso arquivo de teste, as marcas 2 × 2 e 8 × 8 estavam visíveis na linha de base e desapareceram nesta variante filtrada.

Trate o valor do sinalizador como uma configuração a ser verificada em seu arquivo, não como uma promessa de que uma marca com a mesma largura numérica sobreviverá. Compare a saída salva no tamanho pretendido e, em seguida, amplie as marcas específicas que você pretendia manter. Se um detalhe desejado desaparecer, abaixe o filtro e refaça o PNG original.

Verifique novamente as cores também. Nosso SVG filtrado introduziu #fefefe ao lado do branco. Essa observação é um motivo para inspecionar a paleta de saída real após uma alteração de detalhe, em vez de assumir que uma configuração afeta apenas a propriedade nomeada no sinalizador.

O que os quatro arquivos salvos mostraram

Fizemos um 384 × 256 PNG original com fundo branco, uma moldura azul-marinho com centro branco, um triângulo azul-petróleo, um retângulo dourado e duas marcas quadradas azul-marinho isoladas. Todas as quatro conversões usaram o mesmo modo de entrada e polígono. A tabela relata a marcação SVG real e renderizações independentes, não um editor de destino ou teste físico.

Todos os quatro SVGs continham caminhos e nenhum elemento de imagem. Esses fatos estabelecem o traçado real nesses arquivos, mas não classificam os contornos nem comprovam a edição bem-sucedida em outro aplicativo. O centro e o fundo da moldura branca neste experimento são opacos; este não é um teste de transparência PNG.

Para as cores originais e marcas intencionais deste arquivo de teste, manteríamos a linha de base. A variante de paleta fixa se adapta à tarefa separada de alterar deliberadamente o ouro. Os arquivos com cores reduzidas e filtrados não atendem a esses requisitos específicos de retenção. Nenhuma dessas escolhas estabelece uma melhor predefinição universal ou uma comparação com outro traçador.

Escolha um arquivo que você possa explicar

Antes de manter um SVG, registre sua entrada, versão executável, comando completo e os motivos de sua escolha. Verifique a paleta por função, as menores regiões necessárias, lacunas e contornos. Em seguida, abra-o no destino real e tente a edição ou importação exigida pelo seu trabalho; essa etapa posterior não fazia parte deste teste.

O scorecard de qualidade de rastreamento adiciona verificações de contorno, editabilidade e destino além deste experimento de paleta/detalhe. Para um fluxo de trabalho monocromático explícito, o guia Potrace PNG-to-SVG cobre uma tarefa de rastreamento diferente.

Mantenha o SVG original e o SVG aceito juntos. Se você quiser experimentar o mesmo PNG online, comece gratuitamente com PerfectVector e verifique as cores pretendidas da visualização e os menores detalhes necessários em relação à sua fonte.

Perguntas frequentes

O VTracer pode converter um PNG colorido em caminhos SVG reais?

Sim. Todos os quatro arquivos em nosso fluxo de trabalho CLI testado continham caminhos e nenhum elemento de imagem. O resultado útil ainda dependia de quais cores e pequenas regiões restavam após as configurações escolhidas.

Max-colors 3 garante exatamente três cores?

Não. Ele estabelece um limite superior. Nossa referência de teste produziu dois preenchimentos sólidos exclusivos, incluindo branco, e perdeu importantes distinções de cores. Inspecione a paleta salva em vez do número solicitado apenas.

Por que as pequenas marcas desapareceram após a filtragem?

A configuração speckle pode descartar pequenas regiões. Ambas as marcas quadradas intencionais em nossa referência de teste desapareceram em filter-speckle 8. Compare com uma linha de base de filtro baixo e diminua a configuração se o seu trabalho artístico precisar dessas regiões.

Posso colar esses sinalizadores em um exemplo do Python VTracer?

Use a interface e a versão que você instalou. Este guia testou o executável 1.0.0-alpha.4 e sua ajuda CLI. Os exemplos de vinculação do Python usam seus próprios argumentos de função e documentação.

Fontes

1. Projeto oficial do VTracer — rastreamento de cores, uso de CLI e opções de paleta/detalhe.
2. VTracer 1.0.0-alpha.4 release — o executável fixado na versão usado para este fluxo de trabalho.
3. Pacote VTracer Python — a interface de ligação Python separada, diferenciada da CLI testada.