Come convertire JPG in SVG:
da raster a vettoriale

Come convertire JPG in SVG in 3 passaggi

1. Carica il JPG nel convertitore qui sopra (fino a 100 MB).
2. Converti. L'immagine viene vettorizzata a colori con vtracer. Le immagini più larghe di 1.200 px vengono prima ridotte a 1.200 px.
3. Scarica l'SVG e aprilo in Inkscape, Illustrator, Figma o Cricut Design Space per eliminare le forme spurie o cambiarne i colori.

Loghi, icone e clip art con pochi colori piatti danno il risultato più pulito. Le foto risultano posterizzate.

Raster vs Vettoriale: la differenza fondamentale

Ogni immagine digitale rientra in una di due categorie: raster o vettoriale. Capire la differenza è essenziale per sapere cosa può e non può fare la vettorializzazione.

Un'immagine raster (JPG, PNG, BMP, TIFF) memorizza un'immagine come una griglia rettangolare di pixel colorati. Ogni pixel è un piccolo quadrato con un singolo valore di colore. Il numero totale di pixel — la risoluzione — determina quanti dettagli l'immagine può contenere. Una foto da 3000×2000 pixel contiene 6 milioni di valori di colore individuali. Ingrandendo, si vedono i singoli quadrati. Scalando l'immagine oltre la sua risoluzione nativa, il software deve inventare nuovi pixel tra quelli esistenti, producendo un risultato sfocato e interpolato.

Un'immagine vettoriale (SVG, AI, EPS, PDF) memorizza un'immagine come un insieme di istruzioni matematiche. Un cerchio è descritto come un punto centrale e un raggio. Una curva è un'equazione di Bézier con punti di controllo. Una regione riempita è un tracciato chiuso con un colore di riempimento. Poiché l'immagine è definita dalla matematica anziché dai pixel, può essere renderizzata a qualsiasi risoluzione — da una favicon 16×16 a un cartellone da 10 metri — con nitidezza perfetta ogni volta. Il motore di rendering ricalcola semplicemente le curve per la dimensione target. Il nostro confronto tra SVG e PNG mostra quando conviene ciascun formato.

Questa differenza fondamentale significa che la conversione da raster a vettoriale non è come convertire WAV in MP3 o JPG in PNG. Questi sono cambi di formato all'interno dello stesso modello di dati (pixel in pixel, o campioni in campioni). La conversione da raster a vettoriale è una ricostruzione — il software deve interpretare i dati pixel e costruire una rappresentazione matematica completamente nuova dell'immagine.

Come funziona la vettorializzazione automatica

Quando carichi un'immagine JPG su CleverUtils e la converti in SVG, il file passa attraverso una pipeline a più fasi. Capire ogni fase aiuta a spiegare perché certe immagini si vettorializzano perfettamente mentre altre producono risultati inaspettati.

Fase 1: Decodifica e ridimensionamento

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 la vettorializzazione. Gli input vettoriali o a livelli, come PDF, EPS o PSD, vengono prima appiattiti su sfondo bianco.

Fase 2: Raggruppamento dei colori

Il motore di tracciamento, vtracer, raggruppa in regioni i pixel vicini di colore simile. Le nostre impostazioni mantengono 6 bit di precisione per canale di colore, quindi le tonalità molto vicine si fondono in un unico colore piatto. Ecco perché i gradienti si trasformano in bande di colore uniforme.

Le macchie più piccole di 4 pixel vengono scartate come rumore.

Fase 3: Tracciamento dei bordi

vtracer segue il contorno di ogni regione di colore. Le regioni sono sovrapposte: le forme più grandi stanno sotto e quelle più piccole sopra, così non restano spazi vuoti tra colori adiacenti.

Fase 4: Adattamento a poligoni

Il nostro convertitore esegue 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 con uno zoom molto spinto.

Fase 5: Output SVG

Ogni regione viene scritta come un elemento SVG <path> con un colore di riempimento uniforme. Il file si apre in qualsiasi browser e in Inkscape, Illustrator, Figma e Cricut Design Space.

Cosa si vettorializza bene

La vettorializzazione funziona meglio quando un'immagine è composta da pochi colori piatti con bordi netti. Ogni colore piatto diventa una forma pulita. Per preparare l'immagine sorgente e ripulire il risultato, consulta la guida su come vettorializzare un'immagine passo dopo passo.

Il filo conduttore: alto contrasto, bordi netti, gamma tonale limitata. Se riesci a socchiudere gli occhi e riconoscere ancora la forma essenziale dell'immagine, si vettorizzerà bene.

Cosa NON si vettorializza bene

Il raggruppamento dei colori fallisce con le immagini che presentano variazioni tonali continue. I gradienti morbidi si spezzano in molte bande di colore piatto, con un effetto posterizzato e un SVG molto pesante.

• Fotografie: Un ritratto o un paesaggio contiene gradienti morbidi su pelle, cielo, fogliame e tessuti. La vettorializzazione trasforma tutto questo in centinaia di macchie di colore piatto, producendo un aspetto posterizzato. Il file SVG potrebbe anche essere enorme — migliaia di piccoli tracciati che cercano di rappresentare ciò che era originariamente una variazione tonale morbida.
• Scene complesse: Immagini affollate con molti elementi sovrapposti, profondità variabili e sfondi complessi producono un output vettoriale caotico e confuso con troppi tracciati per essere utile.
• Gradienti morbidi: Un cielo al tramonto, una sfumatura di colore o un effetto vignetta vengono spezzati in bande discrete di colore piatto con bordi dentellati.
• Texture dettagliate: Trama del tessuto, venatura del legno, pori della pelle, pelliccia — queste texture di dettaglio fine generano un numero enorme di piccoli tracciati vettoriali che né hanno un bell'aspetto né servono a uno scopo pratico.
• Immagini a bassa risoluzione: Una miniatura da 100×100 pixel fornisce al tracciatore così pochi pixel con cui lavorare che le curve diventano grossolane e squadrate. Un input a risoluzione più alta produce un output più morbido, fino ai 1.200 px di larghezza a cui il convertitore esegue la vettorializzazione.
• JPG fortemente compressi: Gli artefatti di compressione JPEG (pattern a blocchi attorno ai bordi) confondono il rilevamento dei bordi, producendo tracciati vettoriali rumorosi che seguono gli artefatti di compressione anziché il contenuto effettivo dell'immagine.

La nostra pipeline di vettorializzazione (vtracer)

CleverUtils vettorizza le immagini raster con vtracer, un tracciatore a colori open source di VisionCortex. A differenza di potrace, che produce solo bianco e nero, vtracer conserva i colori dell'immagine.

La pipeline di conversione ha tre componenti:

1. ImageMagick — Decodifica il file di input (JPG, PNG, WebP, TIFF, PSD, ecc.), corregge la rotazione e riduce a 1.200 px le immagini più larghe di 1.200 px
2. vtracer — Raggruppa i colori e traccia ogni regione come un tracciato poligonale riempito
3. potrace — Alternativa di riserva per i file che vtracer non riesce a elaborare; produce un SVG in bianco e nero con curve di Bézier

Il comando completo:

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

Non ci sono impostazioni da scegliere: per ogni file vengono usati gli stessi parametri, adatti a loghi, icone, clip art e illustrazioni a colori piatti.

Impostazioni di vettorializzazione

Se vettorizzi un'immagine da solo con potrace (ad esempio tramite Vettorizza bitmap di Inkscape), sono questi i parametri che controllano il risultato. Il convertitore di questa pagina non li usa: esegue vtracer con impostazioni fisse.

Soglia (-k)

Il parametro più importante. Controlla il limite di luminosità tra nero (primo piano) e bianco (sfondo) nella fase di conversione binaria. Intervallo: da 0.0 a 1.0, predefinito 0.5. La nostra guida alle impostazioni della soglia di potrace mostra quali valori sono adatti a loghi, schizzi e scansioni.

Levigatura degli angoli (-a)

Controlla se il tracciatore preserva gli angoli netti o li arrotonda in curve. Intervallo: 0 a 1.334, predefinito 1.

• -a 0 — Tutti gli angoli sono netti. Adatto per forme geometriche, pixel art e diagrammi tecnici dove si vogliono angoli precisi.
• -a 1 (predefinito) — Levigatura moderata. Gli angoli vicini a 90 gradi rimangono netti; gli altri vengono arrotondati.
• -a 1.334 — Levigatura massima. Tutti gli angoli diventano curve. Produce l'output più morbido, adatto per forme organiche e scrittura a mano.

Rimozione del rumore (-t turdsize)

Rimuove piccole macchie isolate dall'immagine binaria prima del tracciamento. Il valore specifica la dimensione massima (in pixel) delle regioni da scartare. Predefinito: 2.

• -t 0 — Mantieni tutto, incluso il rumore a singolo pixel. Usalo solo per immagini sorgente molto pulite.
• -t 2 (predefinito) — Rimuove piccole macchie (regioni di 1-2 pixel). Funziona per la maggior parte delle immagini.
• -t 10-50 — Rimuove aggressivamente le caratteristiche piccole. Utile per documenti scansionati con polvere, trama della carta o artefatti di compressione.

Ottimizzazione (-O)

Controlla quanti segmenti di curve di Bézier potrace usa per approssimare ogni contorno. Un'ottimizzazione più alta produce tracciati più semplici (meno byte SVG) ma potenzialmente un tracciamento meno preciso. Il livello di ottimizzazione predefinito è un buon equilibrio tra fedeltà e dimensione del file per la maggior parte delle immagini.

Quando vettorializzare

La vettorializzazione non è un aggiornamento universale — è lo strumento giusto per casi d'uso specifici in cui le proprietà della grafica vettoriale offrono un chiaro vantaggio rispetto alle immagini raster.

Stampa in grande formato

Banner, espositori per fiere, rivestimenti per veicoli e segnaletica per edifici richiedono tutti materiale grafico che possa essere scalato a metri senza perdere qualità. Un logo progettato a 300×200 pixel diventa un pasticcio sfocato su un banner da 3 metri. Convertirlo in SVG fornisce alla tipografia un file indipendente dalla risoluzione che si renderizza nitidamente a qualsiasi scala.

Icone scalabili ed elementi UI

Siti web e applicazioni visualizzano le icone a molte dimensioni: 16px nei menu, 32px nelle barre degli strumenti, 64px nelle card delle funzionalità, 128px nelle sezioni hero. Servire un PNG separato per ogni dimensione è dispendioso. Una singola icona SVG si renderizza perfettamente a ogni dimensione, risponde allo stile CSS (cambia colore al passaggio del mouse) e tipicamente pesa meno di un singolo PNG.

Disegni al tratto scansionati

Architetti, ingegneri e artisti spesso scansionano schizzi disegnati a mano, planimetrie o diagrammi tecnici. Il JPG scansionato è una cattura raster di qualcosa che era originariamente disegnato con linee e curve — esattamente ciò che il formato vettoriale rappresenta nativamente. Vettorializzare la scansione ricostruisce l'intento originale, producendo tracciati vettoriali puliti e modificabili dai dati pixel scansionati.

Macchine da taglio e CNC

Cricut, Silhouette, taglierine laser e router CNC richiedono tutti input vettoriale per generare i percorsi utensile. Se il tuo design esiste solo come JPG o PNG, la vettorializzazione è il ponte tra il design raster e l'operazione di taglio fisica. I tracciati vettoriali diventano le linee esatte che la macchina segue.

Ricamo e serigrafia

Le macchine per ricamo hanno bisogno di contorni vettoriali per generare i percorsi dei punti. La serigrafia richiede separazioni vettoriali pulite per ogni livello di colore. In entrambi i casi, vettorializzare un logo o un design raster è il primo passo nel flusso di lavoro di produzione.

Alternative basate su intelligenza artificiale

vtracer e potrace sono tracciatori algoritmici: rilevano i bordi e adattano le forme secondo regole fisse. Sono veloci, gratuiti e deterministici (lo stesso input produce sempre lo stesso output).

Per i casi d'uso che potrace non gestisce bene, i vettorializzatori basati su IA offrono un approccio diverso:

Strumenti come Vectorizer.AI e Recraft usano il machine learning per identificare le forme, separare i livelli di colore e generare un output SVG multicolore pulito da immagini complesse. Possono gestire logo a colori, illustrazioni con gradienti e persino alcuni contenuti fotografici che potrace non riesce a gestire.

Per i casi più comuni — un logo a colori piatti, un disegno al tratto, un file di taglio per Cricut o un testo scansionato — la vettorializzazione algoritmica dà buoni risultati in poco tempo e gratuitamente. Potrace è anche il motore dietro la funzione Vettorizza bitmap di Inkscape.

Consigli di pre-elaborazione per risultati migliori

La qualità dell'output SVG dipende molto dalla qualità dell'immagine di input. Qualche minuto di preparazione prima del caricamento può migliorare notevolmente il risultato della vettorializzazione.

• Aumenta il contrasto: Apri l'immagine in qualsiasi editor (anche l'editor integrato del telefono) e sposta il cursore del contrasto verso l'alto. Un contrasto più forte significa bordi più netti da seguire per il tracer.
• Ritaglia con precisione: Rimuovi lo sfondo non necessario. Meno pixel irrilevanti significa un output più pulito e file SVG più piccoli.
• Usa una sorgente nitida di circa 1.200 px di larghezza: il convertitore riduce a 1.200 px le immagini più larghe, mentre quelle molto più piccole producono bordi più grossolani.
• Preferisci PNG a JPG quando possibile: La compressione JPEG crea artefatti a blocchi attorno ai bordi. Questi artefatti confondono il tracer, producendo tracciati vettoriali rumorosi. Se hai entrambi i formati disponibili, usa il PNG.
• Converti prima in scala di grigi: Se l'immagine è naturalmente in B&N (come uno schizzo o un logo), convertirla in scala di grigi prima del caricamento rimuove il rumore di colore, così il tracer crea meno macchie di colore spurie.
• Rimuovi il rumore di sfondo: Per i documenti scansionati, usa un'operazione "livelli" o "curve" per portare il bianco della carta al bianco puro e l'inchiostro al nero puro. Questo elimina la trama della carta e gli artefatti di scansione.

Altri modi per convertire JPG in SVG

Inkscape (gratuito)

1. Apri il JPG con File → Apri e selezionalo.
2. Vai su Tracciato → Vettorizza bitmap (Shift+Alt+B).
3. Scegli Scansione singola (Soglia di luminosità) per il bianco e nero o Scansioni multiple (Colori) per il colore, poi fai clic su Applica.
4. Elimina la bitmap originale sottostante e salva con File → Salva come → SVG semplice.

Adobe Illustrator

1. Inserisci il JPG con Posiziona e selezionalo.
2. Apri Finestra → Ricalco immagine e scegli un predefinito come Logo in bianco e nero o 6 colori.
3. Fai clic su Espandi per trasformare il ricalco in tracciati modificabili, poi usa File → Esporta → Esporta come → SVG.

Cricut Design Space

Design Space può caricare un JPG e vettorizzarlo da solo in un'immagine da taglio. Convertirlo prima in SVG ti dà livelli di colore separati e più controllo su quali parti vengono tagliate.