Perché il tuo SVG ha troppi nodi e come ridurli

Meno nodi vogliono dire curve più morbide, file più leggeri e tagli più puliti.

Un’icona con troppi nodi accanto alla stessa icona con pochi nodi puliti

Un SVG ha troppi nodi quando la vettorizzazione segue ogni gradino di pixel lungo un bordo invece di disegnare un’unica curva morbida. Un cerchio che avrebbe bisogno di quattro o otto nodi finisce per averne sessanta. Il file si appesantisce, modificarlo diventa una fatica, e plotter e laser rallentano e procedono a scatti sui segmenti minuscoli.

La soluzione è vettorizzare di nuovo con impostazioni che favoriscono le curve morbide: meno nodi, curve più morbide, meno colori e niente puntini. Anche semplificare un SVG già fatto funziona, ma tende ad arrotondare gli angoli e a spostare i bordi. Trascina un’immagine qui sotto e attiva Mostra tracciati e nodi per vedere quanti nodi usa la vettorizzazione.

Provalo con la tua immagine

⌘V incolla · ⌘O apri · in blocco
Non hai un’immagine? Prova con una di queste:

SVG morbido con pochi nodi

Cos’è un nodo e perché il numero conta

Un tracciato in un SVG è una catena di segmenti: linee dritte e curve. Ogni punto in cui un segmento finisce e comincia il successivo è un nodo (alcune app lo chiamano punto di ancoraggio). Una buona vettorizzazione mette i nodi solo dove la forma cambia direzione e lascia fare il resto alle curve.

  • Modifica: ogni nodo è qualcosa che potresti dover trascinare. Un logo con qualche centinaio di nodi si sistema facilmente; uno con migliaia no.
  • Taglio e incisione: le macchine si muovono da nodo a nodo. Centinaia di segmentini fanno scattare la lama o la testa del laser, lasciano un bordo ruvido e allungano i tempi.
  • Peso del file: più nodi, file più grande. Conta per le icone web e per i marketplace con limiti di caricamento.
  • Aspetto: una curva spezzata in tanti pezzetti mostra spesso piccole ondulazioni visibili quando il disegno viene ingrandito.

Perché gli SVG vettorizzati in automatico hanno così tanti nodi

  • Immagine piccola o a bassa risoluzione: a dimensioni ridotte un bordo curvo è una scalinata di pixel, e la vettorizzazione segue i gradini.
  • Compressione JPG e rumore: bordi impastati e zone puntinate diventano decine di forme minuscole, ognuna con i suoi nodi.
  • Troppi colori: sfumature e bordi con antialiasing si dividono in fasce sottili, e ogni fascia è un altro contorno.
  • Impostazioni che privilegiano la precisione: una vettorizzazione che aderisce a ogni pixel tiene ogni gradino come nodo.

Passo per passo: una vettorizzazione morbida con meno nodi

  1. Parti dall’immagine più grande e pulita che hai. Un PNG nitido si vettorizza con meno nodi di un JPG piccolo e compresso.
  2. Aprila nel convertitore qui sopra e attiva Mostra tracciati e nodi per vedere i nodi sul risultato.
  3. In Colori imposta con Palette solo i colori che il disegno ha davvero. Le sfumature rimaste dalla compressione confluiscono così nel colore più vicino invece di diventare forme in più.
  4. In Forme alza Dimensione min. forma per eliminare i puntini, e sposta Complessità verso Meno forme se i dettagli piccoli non servono.
  5. In Tracciati sposta Nodi verso Meno nodi e Morbidezza verso Curve più morbide. Tieni attivo Angoli netti per loghi e scritte, così le punte restano vive.
  6. Confronta con l’originale nella vista Confronta, poi Scarica in SVG.
Un’icona vettorizzata con curve morbide e pochi nodi
Curve morbide con pochi nodi: ogni nodo sta dove il contorno cambia direzione.

Semplificare un SVG esistente in Inkscape o Illustrator

Se hai solo l’SVG e non l’immagine originale, entrambi gli editor principali possono ridurre i nodi dei tracciati selezionati. In Inkscape è Path > Simplify (Tracciato > Semplifica nell’interfaccia italiana). In Illustrator è Oggetto > Tracciato > Semplifica, con un cursore per decidere quanto spingersi.

Semplifica lavora sulle curve che ci sono già, quindi non distingue un angolo vero da un gradino di pixel. Tende ad arrotondare gli angoli, assottigliare le parti sottili e lasciare i puntini al loro posto. Usalo con delicatezza, poco alla volta. Se hai ancora l’immagine di partenza, rivettorizzarla con impostazioni più morbide di solito dà un risultato più pulito che semplificare una vettorizzazione rumorosa.

Quanti nodi sono normali?

Dipende dal disegno, quindi non c’è un numero fisso. Come riferimento, nel nostro benchmark su 30 loghi, bandiere, emoji, icone e disegni a linee, Shapesoda con le impostazioni predefinite ha prodotto una mediana di 96 nodi per immagine (174 in media). Gli altri strumenti che abbiamo provato avevano mediane da 156 a 406 nodi sulle stesse immagini. Un’icona semplice dovrebbe richiedere decine di nodi, non migliaia; se un logo a due colori torna con diverse migliaia di nodi, la vettorizzazione sta seguendo i pixel.

Meno nodi per plotter da taglio e laser

Con Cricut, Silhouette o un laser, il numero di nodi si vede nel pezzo finito. Una lama trascinata attraverso centinaia di segmentini può strappare il vinile sottile a ogni svolta, e un laser che continua a rallentare e accelerare può lasciare punti più scuri dove rallenta. Prima di mandare un file alla macchina, aprilo con Mostra tracciati e nodi e guarda le curve che taglierai. Curve lunghe e regolari con i nodi ben distanziati sono quello che vuoi. Grappoli di nodi su una curva dolce sono il segnale per rivettorizzare con meno nodi. Il DXF è un caso a parte: le curve vengono salvate come catene di brevi segmenti dritti. L’opzione Curve DXF decide quanti: Meno linee (leggero) per un file più leggero, Molte linee (morbido) quando le curve devono sembrare perfettamente tonde.

Altri segnali di una vettorizzazione rumorosa

Ti serve solo il convertitore? Usa Da immagine a SVG, Da raster a vettoriale o Da icona a SVG.

Domande frequenti

Come riduco il numero di nodi in un SVG?

Rivettorizza l’immagine originale con impostazioni che favoriscono meno nodi e curve più morbide, meno colori e una dimensione minima delle forme più alta. Se hai solo l’SVG, usa Semplifica in Inkscape o Illustrator, poco alla volta.

Perché il mio file SVG è così pesante?

Di solito per i troppi nodi e le forme minuscole nate dalla vettorizzazione di un’immagine piccola o rumorosa. Un SVG può essere pesante anche perché contiene un’immagine incorporata invece di forme.

Semplificare un SVG ne riduce la qualità?

Può succedere. Semplifica ammorbidisce tutte le curve allo stesso modo, quindi se esageri gli angoli si arrotondano e le parti sottili si assottigliano. Controlla il risultato con uno zoom forte.

Perché il mio plotter o il mio laser va a scatti su un SVG?

I tracciati sono fatti di tanti segmentini, e la macchina rallenta a ogni nodo. Una vettorizzazione con meno nodi e curve più morbide si taglia più in fretta e in modo più pulito.

Continua a leggere