Come Vettorizzare un'Immagine in 3 Passaggi
- Carica l'immagine (PNG, JPG, WebP, BMP o TIFF) nel convertitore qui sopra.
- Converti. vtracer la vettorizza a colori; le immagini più larghe di 1.200 px vengono prima ridotte a 1.200 px.
- Scarica l'SVG e rifiniscilo in Inkscape, Illustrator o Figma: elimina i puntini sparsi, unisci le forme, cambia i colori.
Funziona anche da telefono: apri la pagina nel browser del cellulare e carica l'immagine.
Cos'è la Vettorizzazione?
La vettorizzazione (detta anche tracing) è il processo di conversione di un'immagine raster — una griglia di pixel colorati — in un'immagine vettoriale — un insieme di curve e forme matematiche. Le due rappresentazioni sono fondamentalmente diverse:
- Raster (PNG, JPG, BMP): Ogni pixel memorizza un valore di colore. L'immagine ha una risoluzione fissa. Ingrandirla oltre quella risoluzione produce risultati sfocati e interpolati.
- Vettoriale (SVG, AI, EPS): Le forme sono definite da equazioni matematiche — curve di Bézier, linee, archi. Il motore di rendering ricalcola la matematica a qualsiasi dimensione di destinazione, producendo nitidezza perfetta da una favicon di 16 pixel a un cartellone di 10 metri.
La vettorizzazione non è una semplice conversione di formato come PNG in JPEG. È una ricostruzione: il software analizza i bordi dei pixel, rileva i contorni e costruisce una rappresentazione matematica completamente nuova che approssima l'immagine originale. La qualità di questa approssimazione dipende fortemente dalle caratteristiche dell'immagine sorgente.
La Nostra Pipeline di Conversione
Quando carichi un PNG (o JPG, BMP, WebP, TIFF) su CleverUtils e lo converti in SVG, il file attraversa una pipeline in più stadi. Capire ogni stadio spiega perché certe immagini si vettorizzano splendidamente e altre producono risultati inattesi.
Stadio 1: Decodifica e Ridimensionamento (ImageMagick)
ImageMagick decodifica il file caricato (JPG, PNG, WebP, TIFF, PSD e altri formati) e corregge la rotazione EXIF. Le immagini più larghe di 1.200 px vengono ridotte a 1.200 px di larghezza per mantenere veloce il tracing. Gli input vettoriali o a livelli come PDF, EPS o PSD vengono prima appiattiti su sfondo bianco.
Stadio 2: Raggruppamento dei Colori
Il vettorizzatore, vtracer, raggruppa i pixel vicini di colore simile in regioni. Le nostre impostazioni mantengono 6 bit di precisione per canale di colore, quindi le tonalità molto vicine si fondono in un unico colore piatto. Per questo le sfumature si trasformano in bande di colore pieno.
Le macchie più piccole di 4 pixel vengono scartate come puntini di rumore.
Stadio 3: Tracing dei Contorni
vtracer segue il contorno di ogni regione di colore. Le regioni vengono sovrapposte: le forme più grandi stanno sotto e quelle più piccole sopra, così non restano spazi vuoti tra colori adiacenti.
Stadio 4: Adattamento a Poligoni
Il nostro convertitore usa vtracer in modalità poligono: ogni contorno diventa una catena di segmenti rettilinei, non di curve di Bézier. Le svolte più strette di 60° vengono mantenute come angoli. I poligoni mantengono nitidi loghi e scritte; le forme rotonde appaiono leggermente sfaccettate se ingrandisci molto.
Stadio 5: Output SVG
Ogni regione viene scritta come elemento SVG <path> con un colore di riempimento pieno. Il file si apre in qualsiasi browser e in Inkscape, Illustrator, Figma e Cricut Design Space.
Comando: vtracer --input in.png --output out.svg --colormode color --hierarchical stacked --mode polygon --filter_speckle 4 --color_precision 6 --corner_threshold 60 --segment_length 3.5
Se vtracer non riesce a elaborare un file, il convertitore ripiega su potrace, che produce un SVG in bianco e nero.
Cosa Si Vettorizza Bene
Il tracing funziona al meglio quando un'immagine è composta da pochi colori piatti con bordi netti. Ogni colore piatto diventa una forma pulita.
| Tipo di Sorgente | Qualità | Perché Funziona |
|---|---|---|
| Loghi su sfondo bianco | Eccellente | Alto contrasto, bordi netti, colori di riempimento solidi |
| Disegni a tratto e schizzi | Eccellente | Linee di inchiostro/matita forti su carta bianca |
| Icone (design piatto) | Eccellente | Forme geometriche, colori uniformi, confini netti |
| Testo e tipografia | Eccellente | Bordi netti, nero uniforme su bianco |
| Silhouette | Eccellente | Puro bianco/nero, contorni netti, nessun dettaglio interno |
| Timbri e sigilli | Molto buona | Alto contrasto, ma potrebbe servire regolazione della soglia per le aree sbiadite |
| Diagrammi tecnici | Molto buona | Linee nette, ma le linee sottili potrebbero richiedere una soglia più bassa |
| Disegni a mano | Buona | Linee di inchiostro forti funzionano; i tratti di matita leggeri possono sparire |
Il filo comune: alto contrasto, bordi netti, gamma tonale limitata. Se l'immagine rimane riconoscibile quando ridotta a puro bianco e nero, si vettorizzerà bene.
Cosa Si Vettorizza Poco
Il raggruppamento dei colori fallisce con le immagini a variazione tonale continua. Le sfumature morbide si spezzano in tante bande di colore piatto, con un effetto posterizzato e un SVG pesante.
- Fotografie: Ritratti, paesaggi e foto di prodotti contengono sfumature morbide su pelle, cielo, fogliame e tessuto. Il tracing trasforma tutto in centinaia di macchie di colore piatto, producendo un aspetto posterizzato. Il file SVG potrebbe anche essere enorme — migliaia di piccoli tracciati che tentano di approssimare variazioni tonali graduali.
- Sfumature morbide: Cieli al tramonto, dissolvenze di colore, effetti vignetta e ombre vengono spezzati in bande discrete di colore piatto con bordi frastagliati.
- Texture complesse: Trama dei tessuti, venatura del legno, pelliccia, texture della carta — queste generano un vasto numero di piccoli tracciati vettoriali che appaiono rumorosi e non hanno uno scopo pratico.
- Sorgenti a bassa risoluzione: Una miniatura di 100×100 pixel fornisce così pochi punti dati che l'adattamento delle curve di Bézier produce tracciati approssimativi e squadrati. L'output appare spigoloso e grezzo indipendentemente dal contenuto della sorgente.
- JPEG fortemente compressi: La compressione JPEG crea artefatti a blocchi di 8×8 pixel attorno ai bordi. Il vettorizzatore segue questi artefatti di compressione invece dei bordi effettivi dell'immagine, producendo tracciati vettoriali rumorosi e frastagliati.
Regola pratica: se l'immagine resta leggibile anche ridotta a una manciata di colori piatti, si vettorizzerà bene. Se dipende dalla sottigliezza tonale o dal dettaglio fotografico, la vettorizzazione non è l'approccio giusto.
Consigli per Ottimizzare la Qualità
I miglioramenti maggiori derivano dalla preparazione dell'immagine sorgente prima del caricamento, non dalla regolazione dei parametri di potrace. Questi passaggi funzionano in qualsiasi editor di immagini.
Usa la Risoluzione Più Alta Disponibile
Più pixel danno al vettorizzatore più informazioni sui bordi e contorni più fluidi, ma fino a un certo punto: il convertitore di questa pagina riduce a 1.200 px le immagini più larghe prima del tracing. Una sorgente nitida di circa quella larghezza dà il risultato migliore; una miniatura di 100 px produce tracciati approssimativi e squadrati.
Pulisci la Sorgente
Per le immagini scansionate, rimuovi rumore e artefatti di sfondo prima del caricamento. Usa una regolazione Livelli o Curve per spingere lo sfondo verso il bianco puro e il primo piano verso il nero puro. Rimuovi macchie di polvere, texture della carta e artefatti di scansione con una leggera sfocatura o un filtro antirumore. Ritaglia vicino al soggetto per eliminare le ombre ai bordi.
Aumenta il Contrasto
Alza il cursore del contrasto. Un contrasto più forte significa uno scarto più ampio tra i valori di luminosità del primo piano e dello sfondo, il che dà alla soglia una separazione più netta su cui lavorare. Per le immagini B&N, l'input ideale ha solo due toni: nero puro e bianco puro, senza nulla in mezzo.
Usa PNG, Non JPEG
La compressione JPEG crea artefatti a blocchi visibili attorno ai bordi netti — esattamente le aree che potrace analizza per il tracing dei bordi. Questi artefatti producono tracciati vettoriali frastagliati e rumorosi che seguono i confini della compressione piuttosto che i bordi effettivi dell'immagine. Se hai la scelta, usa sempre PNG. Se è disponibile solo JPEG, usa la versione di qualità più alta (meno compressa).
Regola la Soglia
Il convertitore di questa pagina vettorizza a colori e non ha una soglia. Se vettorizzi in bianco e nero con potrace o Inkscape, parti da 0.5; alzala a 0.6–0.7 per sorgenti sbiadite o chiare, oppure abbassala a 0.3–0.4 quando lo sfondo raccoglie rumore.
Impostazioni di Potrace Spiegate
Quando vettorizzi in bianco e nero con potrace (direttamente o tramite Inkscape), sono questi i parametri che definiscono l'output. Il convertitore di questa pagina usa invece vtracer con impostazioni fisse.
| Parametro | Flag | Intervallo | Predefinito | Effetto |
|---|---|---|---|---|
| Soglia | -k |
0.0–1.0 | 0.5 | Limite di luminosità per la conversione binaria. Più basso = output più chiaro, più alto = output più pesante |
| Levigatura angoli | -a |
0–1.334 | 1 | 0 = tutti angoli netti. 1.334 = levigatura massima. Controlla se gli spigoli diventano curve o angoli. |
| Ottimizzazione | -O |
da 0 in su | 0.2 | Tolleranza di ottimizzazione delle curve. Più alto = meno segmenti, file più piccolo, meno precisione |
| Rimozione rumore | -t |
0–100+ | 2 | Area massima in pixel delle regioni isolate da scartare. Più alto = rimuove macchie più grandi |
Impostazioni Consigliate per Tipo di Sorgente
| Immagine Sorgente | Soglia | Angoli | Turdsize | Note |
|---|---|---|---|---|
| Logo B&N pulito | 0.5 | 1 (liscio) | 2 | I valori predefiniti funzionano perfettamente per loghi ad alto contrasto |
| Schizzo a matita | 0.35–0.45 | 1.334 (massimo) | 0 | Soglia più bassa evita la texture della carta; levigatura massima per linee fluide |
| Timbro / sigillo | 0.55–0.65 | 1 (liscio) | 10–20 | Soglia più alta cattura il timbro completo; turdsize alto rimuove gli schizzi |
| Documento scansionato | 0.5–0.6 | 0 (acuto) | 5–15 | Angoli acuti per il testo; rimozione moderata del rumore per la polvere della carta |
| Sorgente sbiadita / chiara | 0.65–0.8 | 1 (liscio) | 2–5 | Soglia più alta cattura il contenuto perso a 0.5 |
| Pixel art / QR code | 0.5 | 0 (acuto) | 0 | Angoli acuti preservano la geometria; nessuna rimozione del rumore |
Vettorizzazione Multicolore
Potrace produce output solo in bianco e nero: un unico livello binario, di cui traccia il confine. Il convertitore di questa pagina supera questo limite usando vtracer, che raggruppa i colori e traccia ogni regione di colore in un solo passaggio.
Per la vettorizzazione multicolore, esistono approcci alternativi:
- Tracing multi-passaggio: Esegui potrace più volte a diverse soglie di luminosità, ognuna catturando una banda di luminosità diversa. Sovrapponi i livelli SVG risultanti con diversi colori di riempimento. La funzione "Traccia Bitmap" di Inkscape offre questo come "Scansioni Multiple: Passi di Luminosità."
- Quantizzazione colori + separazione livelli: Riduci l'immagine a una palette di colori limitata (4–16 colori), separa ogni colore in una maschera binaria e traccia ogni maschera in modo indipendente. Strumenti come "Scansioni Multiple: Colori" di Inkscape automatizzano questo.
- Adobe Illustrator Image Trace: Tracing assistito da AI che gestisce più colori, sfumature e forme complesse. Produce output multicolore più pulito rispetto alla sovrapposizione di livelli, ma richiede un abbonamento a pagamento.
- Servizi basati su AI: Strumenti come Vectorizer.AI usano il machine learning per identificare forme, separare colori e generare SVG multicolore puliti. Risultati migliori rispetto ai metodi algoritmici per immagini complesse, ma di solito a pagamento per immagine.
Per i casi d'uso più comuni della vettorizzazione — conversione di loghi, tracing di disegni a tratto, preparazione di file di taglio — l'output B&N di potrace è esattamente ciò che serve, e funziona istantaneamente e gratuitamente.
Casi d'Uso Pratici
Ridimensionamento di Loghi
Il motivo più comune per vettorizzare: il tuo logo esiste solo come piccolo PNG o JPEG, e hai bisogno di dimensioni molto più grandi per la stampa, la segnaletica o il merchandising. La vettorizzazione converte il raster a risoluzione fissa in un SVG scalabile all'infinito. La versione SVG può essere stampata su un cartellone pubblicitario, ricamata su un cappello o visualizzata come favicon — tutto dallo stesso file.
Icone SVG per il Web
Se hai un set di icone come file PNG, vettorizzarle in SVG offre indipendenza dalla risoluzione (nitide su tutti gli schermi), stile CSS (cambia i colori al passaggio del mouse o in modalità scura), file di dimensioni inferiori e la possibilità di incorporarle in HTML per zero richieste HTTP aggiuntive.
Macchine da Taglio (Cricut, Silhouette, Laser)
Cricut, Silhouette e i laser cutter richiedono file di input vettoriali per generare i percorsi utensile. La macchina segue esattamente i tracciati vettoriali — il cutter o il laser segue le curve matematiche. Se il tuo design esiste solo come PNG, la vettorizzazione è il ponte tra il design raster e l'operazione di taglio fisico. Le immagini sorgente pulite e ad alto contrasto producono i migliori percorsi di taglio.
Ricamo
Le macchine per ricamo hanno bisogno di contorni vettoriali per generare i percorsi dei punti. Le forme vettoriali determinano la direzione, la densità e i pattern di riempimento dei punti. Vettorizzare un logo PNG in SVG è tipicamente il primo passo nella creazione di un file per ricamo (.PES, .DST, .EXP). Le forme semplici con confini netti producono i punti più puliti.
Ottimizzazione delle Prestazioni Web
Sostituire icone e loghi PNG con SVG su un sito web riduce il peso della pagina (un singolo SVG sostituisce più PNG specifici per risoluzione), migliora la nitidezza sui display Retina e consente la tematizzazione basata su CSS. Un tipico sito web con 20 icone può risparmiare 200–400 KB passando da PNG a SVG, migliorando direttamente i punteggi Core Web Vitals.
Stampa in Grande Formato
Striscioni per fiere, rivestimenti per veicoli, insegne per edifici e display per esposizioni richiedono tutti artwork che si renderizzi nitidamente a dimensioni fisiche misurate in metri. Le immagini raster che sembravano buone sullo schermo diventano visibilmente sfocate a grandi dimensioni di stampa. Vettorizzare il design garantisce nitidezza matematica a qualsiasi dimensione di output richiesta dalla tipografia.
Come Vettorizzare un'Immagine in Inkscape e Illustrator
Inkscape (gratuito)
- Importa l'immagine (File → Importa) e selezionala.
- Apri Tracciato → Vettorizza bitmap (Shift+Alt+B).
- Scegli Soglia di luminosità per un solo colore oppure Scansioni multiple → Colori per più colori, poi fai clic su Applica.
- Sposta di lato il risultato, elimina la bitmap e salva come SVG semplice.
Adobe Illustrator
- Seleziona l'immagine inserita e apri Finestra → Ricalco immagine.
- Scegli un predefinito (Logo in bianco e nero, 6 colori, Foto ad alta fedeltà) e regola Soglia o Colori.
- Fai clic su Espandi per ottenere tracciati modificabili, poi esporta con File → Esporta → Esporta come → SVG.
Il tracing automatico è gratuito. Far ridisegnare un logo a mano da un grafico costa di più, ma dà il risultato più pulito con sorgenti complesse o di bassa qualità.