Vettorizzare un'immagine in SVG

Come convertire un’immagine in SVG

1. Trascina un’immagine PNG, JPG, WebP o GIF nell’area di caricamento, oppure cliccaci sopra per sceglierla. L’originale compare a sinistra.
2. Scegli una Preimpostazione: - Logo (colori piatti, forme pulite) per loghi, icone, timbri e illustrazioni piatte; - Dettagliato (più colori e tracciati) per disegni con sfumature o molti colori; - Posterizzato (4 colori ammorbiditi) per un risultato stilizzato, in stile poster, a partire da una foto.
3. Se serve, regola il Numero di colori (da 2 a 64) e Ignora le macchioline più piccole di (px). La preimpostazione compila già valori sensati per entrambi.
4. Scegli una Dimensione di lavoro (lato più lungo). L’immagine viene vettorizzata a quella dimensione; l’SVG mantiene comunque le dimensioni originali.
5. Clicca su Vettorizza in SVG. Il risultato compare a destra con il peso del file, il numero di tracciati e di colori e il tempo impiegato.
6. Clicca su Scarica SVG, oppure su Copia il codice SVG per incollare il markup nel tuo HTML o nel tuo programma di grafica.

Come funziona la vettorizzazione

Questo strumento usa imagetracerjs, un vettorizzatore open source, in tre fasi:

1. Quantizzazione dei colori: l’immagine viene ridotta al numero di colori che hai scelto. Ogni pixel viene assegnato al colore della palette più vicino, e la palette viene affinata in più passaggi.
2. Rilevamento dei contorni: per ogni colore vengono seguiti i contorni di tutte le aree di quel colore, compresi i buchi (come l’interno di una «O»).
3. Adattamento dei tracciati: i contorni vengono semplificati in segmenti rettilinei e curve quadratiche, che diventano elementi <path> nell’SVG.

Le aree più piccole della soglia Ignora le macchioline più piccole di (px) vengono scartate, il che elimina il rumore e gli artefatti JPG. Un valore di 0 mantiene tutto; da 8 a 20 va bene per i loghi; valori più alti danno un disegno più pulito ma più semplice. Le aree completamente trasparenti vengono rimosse, quindi un logo su sfondo trasparente resta trasparente.

Cosa dà buoni risultati

La vettorizzazione rende al meglio con loghi e disegni semplici: pochi colori piatti, bordi netti, niente sfumature. Uno schizzo scansionato, una firma in bianco e nero o un’icona in pixel art si vettorizzano benissimo con 2-8 colori.

Con le foto è un’altra storia. Una foto contiene migliaia di toni sottili, quindi una versione vettoriale fedele richiede molti colori e decine di migliaia di tracciati, e l’SVG finisce per pesare molto più del JPG. Usa piuttosto Posterizzato (4 colori ammorbiditi) per un effetto artistico, senza aspettarti un risultato fotografico. Se l’SVG diventa molto pesante, lo strumento ti avvisa.

Consigli per un logo più pulito:

• parti dalla versione più grande e nitida dell’immagine che hai;
• imposta il Numero di colori sul numero reale di colori del logo (sfondo compreso);
• alza la soglia delle macchioline se vedi dei puntini lungo i bordi.

Privacy e anteprima sicura

L’immagine viene vettorizzata nel browser e non viene mai caricata. L’anteprima dell’SVG viene mostrata come semplice immagine da un indirizzo blob privato, mai inserita nella pagina, quindi nemmeno un file insolito può eseguire codice.