AutoTracer: ajuste cores, ruído e branco

Inicie um teste de configurações do AutoTracer com uma linha de base salva e altere um controle de cada vez. Verifique todo o design após cada exportação, incluindo as cores que você pretende manter e as aberturas dentro das formas. Um SVG menor pode não ter arte útil.

A ferramenta de navegador AutoTracer.org oferece um limite de cores e controles avançados de suavização, remoção de manchas e fundo branco. Esses controles são pontos de partida para inspeção, em vez de uma predefinição adequada a cada emblema. Este guia segue três exportações reais de um PNG colorido para que você possa usar o mesmo método de verificação em sua própria imagem.

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.

Salve uma linha de base antes de alterar as opções avançadas

Você precisa de uma imagem que tenha permissão para carregar, uma cópia do original e um lugar para salvar arquivos SVG separados. Antes de traçar, identifique as características que devem sobreviver: uma cor de destaque, uma pequena marca, uma abertura de letra ou o espaço dentro de uma moldura.

Nossa imagem de referência de teste foi um PNG 384 × 256 RGB com fundo branco opaco. Continha uma moldura azul marinho com centro branco, um triângulo verde-azulado, um retângulo dourado e dois pequenos quadrados azul marinho. O centro branco fazia parte do design visível, não da transparência no PNG.

Método: Reutilizamos esse controle geométrico original inalterado e testamos o site ativo do AutoTracer em 8 de 2026. Mantivemos os arquivos SVG reais e inspecionamos seu XML e resultado visível. Este é um teste de imagem de origem, sem comparação PerfectVector, importação de editor nativo ou teste de corte.

1. Abra AutoTracer.org e escolha seu PNG usando Fazer upload de um arquivo.
2. Defina Selecionar formato de saída como Gráficos vetoriais escaláveis ​​SVG.
3. Escolha um Número de cores que corresponda ao teste que você deseja executar. Selecionamos 4 para nosso controle de quatro cores. O site descreve isso como redução de cores antes da vetorização; não é uma promessa de um objeto por cor.
4. Abra Mostrar opções avançadas. Para nossa linha de base, Suavização estava Normal, Despeckle estava desativado e Fundo branco: Ignorar estava desativado.
5. Selecione Iniciar, aguarde Resultado e salve o download como baseline.svg antes de tentar outra configuração.

Abra o arquivo salvo separadamente e compare-o com o original. Em nossa linha de base, o retângulo dourado, o centro branco e os dois pequenos quadrados permaneceram visíveis. Se um recurso essencial já estiver faltando, mantenha a fonte e tente uma configuração inicial diferente antes de tratá-la como seu arquivo de referência.

Teste o despeckle sem alterar os outros controles

Despeckle significa remover pequenos elementos isolados. O formulário avançado do AutoTracer descreve um resultado mais limpo, porém menos detalhado, quando está ativo. Uma marca que parece ruído para um traçador pode ser um ponto intencional em seu trabalho artístico.

Retorne ao formulário com a mesma fonte selecionada. Mantenha a contagem e suavização de cores da linha de base, habilite apenas Despeckle, depois execute e salve um segundo SVG como despeckle-on.svg. Compare o menor recurso que você deseja manter, em vez de apenas a silhueta grande.

Nossas exportações de linha de base e despeckle-on eram idênticas byte por byte: cada uma tinha 787 bytes e continha sete elementos de caminho SVG. Ambas as pequenas praças da marinha permaneceram. Este teste, portanto, não fornece nenhuma evidência de que o despeckle tenha removido essas marcas. Também não prova que o controle nunca altera outras imagens.

Um caminho descreve a geometria, e um caminho pode conter vários subcaminhos, como explica a especificação SVG. Uma contagem de elementos de caminho não é uma contagem de nós ou de objetos de design significativos. Aqui ajuda a descrever os arquivos salvos; não avalia sua qualidade.

Verifique todas as cores após ativar Ignore white

Faça uma terceira execução a partir das configurações de linha de base: desligue Despeckle novamente e ative Fundo branco: Ignorar. Salve o resultado com outro nome de arquivo, como ignore-white.svg.

Na nossa terceira exportação real, o retângulo dourado estava ausente, assim como as regiões brancas. O centro branco da moldura azul marinho também desapareceu, deixando um retângulo sólido azul marinho. O arquivo continha três elementos de caminho e tinha 524 bytes. Não provamos por que a região dourada foi perdida, portanto, este é um motivo para inspecionar esse resultado, não uma afirmação sobre todas as imagens processadas pelo AutoTracer.

Arte branca e fundo branco podem ser requisitos separados. Inspecione o fundo externo e os detalhes internos após remover o branco. Se você precisar de uma abertura para mostrar um plano de fundo, teste essa abertura em uma cor contrastante no editor pretendido. Nosso guia para fundos transparentes em SVG explica por que uma mancha branca e uma abertura vazia se comportam de maneira diferente.

Mantenha a variante que preserva a arte necessária

Se uma configuração alterada remover uma região importante, retorne à linha de base salva e desative essa alteração. Mantenha nomes de arquivos separados para que um download posterior não substitua a versão desejada. Se nenhuma configuração produzir a geometria necessária, tente outro método de traçado ou redesenhe manualmente um detalhe simples.

Antes de usar o SVG, compare estes recursos com o original:

• Cada região de cor que carrega significado ainda está presente.
• Pequenas marcas intencionais sobrevivem; detritos indesejados podem ser identificados separadamente.
• Os centros dos quadros e as aberturas das letras se comportam conforme pretendido em relação a outro plano de fundo.
• O arquivo salvo, não apenas a visualização do site, mostra o resultado aceito.

A página Sobre do AutoTracer também observa que o rastreamento automático geralmente precisa de pós-processamento. Para um método de inspeção mais amplo, use nossa lista de verificação de qualidade de rastreamento vetorial. Um arquivo que passa nessa verificação visual ainda precisa de uma verificação separada de importação, dimensão e material para seu destino.

Quando experimentar o PerfectVector com a imagem original

PerfectVector é uma alternativa quando você deseja um rastreamento on-line automático e uma visualização gratuita de sua arte colorida original. Use a página alternativa do AutoTracer com o PNG original e inspecione o destaque dourado, o centro do quadro e as menores marcas intencionais antes de escolher um resultado. Esta é uma opção de fluxo de trabalho, não uma afirmação medida de que supera o AutoTracer nesta referência de teste.

Os fatos do produto do PerfectVector descrevem uma visualização somente para visualização; você deve desbloquear um resultado antes de poder editá-lo ou exportá-lo. Manter essa ordem clara ajuda a decidir se o traço visível merece mais trabalho. Se o AutoTracer já preserva a arte necessária, continuar com esse arquivo pode ser a escolha mais simples.

Para outras opções de rastreamento de navegador, consulte o guia de alternativas do SVGTrace. Use a mesma imagem e verificações de aceitação ao testar outra rota.

Perguntas frequentes

O que a configuração de remoção de manchas do AutoTracer mudou neste teste? Nada nos bytes salvos. Nossos SVGs de linha de base e sem manchas eram idênticos, e ambos os pequenos quadrados permaneceram. Outras imagens podem se comportar de maneira diferente, portanto compare uma variante salva separadamente com sua linha de base.

Ignore white remove apenas o fundo externo? Não presuma que preserva todas as regiões pretendidas. Em nosso único teste controlado, o retângulo dourado e o centro branco da moldura também estiveram ausentes do resultado exportado. Verifique o design completo após ativar a opção.

Este é um guia para o programa de linha de comando AutoTrace? Não. Essas etapas usam o site AutoTracer.org e seus controles visíveis. A página Sobre do serviço identifica a biblioteca AutoTrace, mas os sinalizadores de linha de comando e uma versão instalada localmente são um fluxo de trabalho diferente.

Fontes

1. AutoTracer — Vetorizador de imagens on-line — O upload real, o formato, a cor e a interface de opções avançadas usadas para as três exportações.
2. AutoTracer — Sobre este serviço — A descrição do rastreamento do serviço, atribuição da biblioteca AutoTrace e orientação de pós-processamento.
3. W3C — SVG 2 caminhos — A distinção entre um elemento de caminho, sua geometria e vários subcaminhos.
4. PerfectVector — Informações sobre o produto — Visualização gratuita e fluxo de trabalho de edição/exportação desbloqueado.

Comece gratuitamente com sua própria imagem no PerfectVector e compare suas cores importantes, aberturas e menores marcas com o original.