Por que o seu SVG tem nós demais e como resolver

Um SVG fica com nós demais quando a vetorização segue cada degrau de pixel da borda em vez de desenhar uma curva suave. Um círculo que precisaria de quatro ou oito nós acaba com sessenta. O arquivo fica pesado, editar vira um sofrimento, e plotters de recorte e lasers ficam lentos e trepidam nos segmentos minúsculos.

A solução é vetorizar de novo com configurações que favoreçam curvas suaves: menos nós, curvas mais suaves, menos cores e nada de pontinhos soltos. Simplificar um SVG que já existe também funciona, mas costuma arredondar cantos e deslocar bordas. Solte uma imagem aqui embaixo e ative Mostrar traçados e nós para ver quantos nós a vetorização usa.

Teste com a sua imagem

Arraste, cole ou escolha uma imagem

⌘V colar · ⌘O abrir · em lote

Sem imagem? Teste com uma destas:

SVG suave com poucos nós

O que é um nó e por que a quantidade importa

Um caminho em um SVG é uma corrente de segmentos: retas e curvas. Cada ponto onde um segmento termina e o próximo começa é um nó (alguns apps chamam de ponto de ancoragem). Uma boa vetorização coloca nós só onde a forma muda de direção e deixa as curvas fazerem o resto.

• Edição: cada nó é algo que talvez você precise arrastar. Um logo com algumas centenas de nós é fácil de ajustar; um com milhares, não.
• Corte e gravação: as máquinas andam de nó em nó. Centenas de segmentos minúsculos fazem a lâmina ou a cabeça do laser dar trancos, deixam a borda áspera e levam mais tempo.
• Tamanho do arquivo: mais nós, arquivo maior. Isso pesa em ícones para a web e em marketplaces com limite de upload.
• Aparência: uma curva quebrada em muitos pedacinhos costuma mostrar pequenas ondulações visíveis quando o desenho é ampliado.

Por que SVGs vetorizados automaticamente ficam com tantos nós

• Imagem de origem pequena ou de baixa resolução: em tamanho pequeno, uma borda curva é uma escadinha de pixels, e a vetorização segue os degraus.
• Compressão do JPG e ruído: bordas manchadas e áreas pontilhadas viram dezenas de formas minúsculas, cada uma com seus nós.
• Cores demais: degradês e bordas suavizadas se dividem em faixas finas, e cada faixa é mais um contorno.
• Configurações que priorizam a precisão: uma vetorização que abraça cada pixel guarda cada degrau de pixel como um nó.

Passo a passo: uma vetorização suave com menos nós

1. Comece pela imagem maior e mais limpa que você tiver. Um PNG nítido vetoriza com menos nós que um JPG pequeno e comprimido.
2. Abra no conversor acima e ative Mostrar traçados e nós para ver os nós no resultado.
3. Em Cores, defina com Paleta só as cores que o desenho realmente tem. Os tons que sobram da compressão se juntam à cor mais próxima em vez de virar formas extras.
4. Em Formas, aumente o Tamanho mín. da forma para tirar os pontinhos, e mova Complexidade para Menos formas se os detalhes pequenos não forem necessários.
5. Em Traçados, mova Nós para Menos nós e Suavidade para Curvas mais suaves. Deixe Cantos vivos ligado em logos e letterings para que as pontas continuem nítidas.
6. Compare com o original em Comparar e depois clique em Baixar e escolha SVG.

Simplificar um SVG existente no Inkscape ou no Illustrator

Se você só tem o SVG e não a imagem original, os dois principais editores conseguem reduzir os nós dos caminhos selecionados. No Inkscape é Path → Simplify. No Illustrator é Object → Path → Simplify, que tem um controle deslizante para definir o quanto simplificar.

Simplificar trabalha nas curvas que já existem, então não distingue um canto de verdade de um degrau de pixel. Costuma arredondar cantos, afinar partes finas e deixar os pontinhos onde estão. Use com cuidado, aos poucos. Se a imagem de origem ainda existe, vetorizar de novo com configurações mais suaves costuma dar um resultado mais limpo do que simplificar uma vetorização cheia de ruído.

Quantos nós são normais?

Depende do desenho, então não existe um número fixo. Como referência, no nosso benchmark (em inglês) com 30 logos, bandeiras, emojis, ícones e desenhos de traço, as configurações padrão do Shapesoda geraram uma mediana de 96 nós por imagem (174 em média). As outras ferramentas que testamos tiveram medianas de 156 a 406 nós para as mesmas imagens. Um ícone simples deveria precisar de dezenas de nós, não de milhares; se um logo de duas cores volta com vários milhares, a vetorização está seguindo pixels.

Menos nós para plotters de recorte e lasers

Na Cricut, na Silhouette ou no laser, a quantidade de nós aparece na peça pronta. Uma lâmina arrastada por centenas de segmentos minúsculos pode rasgar um vinil fino a cada curva, e um laser que fica freando e acelerando pode deixar pontos mais escuros onde desacelera. Antes de mandar o arquivo para a máquina, abra com Mostrar traçados e nós e olhe as curvas que você vai cortar. O ideal são curvas longas e regulares, com os nós bem espaçados. Nós amontoados em uma curva suave são sinal de que é hora de vetorizar de novo com menos nós. O DXF é um caso à parte: as curvas são salvas como correntes de retas curtas. A opção Curvas DXF define quantas: Menos linhas (leve) para um arquivo mais leve, Muitas linhas (suave) quando as curvas precisam parecer perfeitamente redondas.

Outros sinais de uma vetorização com ruído

• Centenas de formas minúsculas no que deveria ser uma área chapada: use menos cores em Paleta ou aumente o Tamanho mín. da forma.
• Frestas finas entre as cores: mude as formas para Empilhadas (sem emendas) para impressão e web.
• Linhas duplas no software do laser: veja problemas no Trace Image do LightBurn.
• Resultado grosseiro na vetorização do Illustrator ou do Inkscape: veja Traçado de imagem não funciona e configurações do Trace Bitmap do Inkscape.

Precisa só do conversor? Use Imagem para SVG, Raster para vetor ou Ícone para SVG.