Vetorização de Logos Bitmap: Princípios e Limites de Aplicabilidade da Conversão de PNG/JPG para SVG

Para a vetorização no modo de camadas de cores do VTracer, o primeiro passo é agrupar por cluster os pixels do bitmap de entrada por cor, agrupando pixels com a mesma matiz e luminosidade na mesma camada de cor.

Depois que o agrupamento por cluster é concluído, o contorno de cada camada de cor é ajustado em um caminho Bezier quadrático. Diferentes camadas de cor são exportadas como um arquivo SVG editável na ordem de empilhamento original, preservando a estrutura em camadas do logo original.

A qualidade da saída do rastreamento vetorial está fortemente correlacionada com o tipo de conteúdo da imagem de entrada. Imagens com bordas nítidas, um número limitado de blocos de cor e sem gradientes contínuos podem ser agrupadas de forma estável em um pequeno número de camadas de cor, resultando em caminhos SVG suaves e contagem de nós controlável. Tais imagens incluem Logos de software, ícones de aplicativos, gráficos de silhueta e texto preto e branco.

Fotos e ilustrações com gradientes não são adequadas para vetorização: áreas de tom contínuo são divididas à força em dezenas de camadas de cor, e o SVG gerado tem um tamanho maior que o bitmap original e apresenta visualmente artefatos de faixas de cor. Este tipo de conteúdo deve ser mantido no formato bitmap, e utilizar ferramentas de redimensionamento ou compressão ao reduzir o tamanho, em vez de rastreamento vetorial.

Logos bitmap obtidos de digitalizações ou capturas de tela frequentemente possuem manchas isoladas pequenas de pixels de ruído. Estas manchas geram caminhos minúsculos extras após a vetorização.

O parâmetro filterSpeckle filtra o ruído através de um limite de área de pixels. Um valor mais alto corresponde a um limite de área maior para as manchas pequenas filtradas, resultando em menos caminhos redundantes no SVG de saída e um tamanho de arquivo menor.

O aumento de escala direto de bitmap depende de algoritmos de interpolação, que geram novos pixels através de cálculo a partir dos pixels existentes. Quando a ampliação excede 3 vezes, as bordas ficam borradas ou com serrilhado, o que não atende aos requisitos de saída para impressão.

O SVG obtido da vetorização armazena coordenadas de caminhos Bezier. Não importa quantas vezes seja ampliado, as bordas dos caminhos permanecem consistentemente suaves. A descrição do caminho pode ser analisada diretamente pelo equipamento de impressão, e a precisão da saída atende aos requisitos de impressão.

Na versão desktop do Figma 2023 e superior, basta arrastar e soltar o arquivo SVG de saída na tela, clicar com o botão direito e selecionar Desagrupar para dividir as diferentes camadas de cor, e modificar a cor e o formato de cada caminho individualmente.

No Adobe Illustrator CS6 e versões superiores, abra o arquivo SVG de saída diretamente. Você pode visualizar as camadas de cor divididas no painel de camadas, e selecionar o caminho correspondente para ajustar as propriedades de traçado ou preenchimento.