Da PNG a SVG: come vettorializzare un'immagine
Guida passo-passo con le migliori impostazioni per un output vettoriale pulito e scalabile da qualsiasi PNG.
Converti PNG in SVG oraPerché convertire da PNG a SVG?
PNG è uno dei formati immagine più utilizzati sul web. Supporta la trasparenza, gestisce bene le grafiche a colori piatti e comprime senza perdita di qualità. Ma PNG è ancora un formato raster — una griglia di pixel. Ingrandiscilo e i bordi sfocano. Stampalo su un grande banner e l'immagine si disgrega.
SVG risolve quel problema. Un grafico vettoriale scalabile memorizza la tua immagine come tracciati matematici invece di pixel, così resta perfettamente nitido a qualsiasi dimensione — da un favicon di 16 pixel a un cartellone. Questo rende SVG il formato preferito per loghi, icone, illustrazioni e qualsiasi grafica che devi riutilizzare a risoluzioni diverse.
Convertire un PNG in SVG non è un semplice cambio di formato. Il processo si chiama image tracing (o vettorializzazione): il software analizza i colori e i bordi nel tuo bitmap e li approssima come tracciati vettoriali. La qualità del risultato dipende fortemente dalla tua immagine sorgente e dalle impostazioni che scegli. Questa guida ti accompagna attraverso l'intero processo usando Any2SVG, un convertitore gratuito nel browser, così puoi produrre SVG puliti ogni volta.
Se sei nuovo alla grafica vettoriale, inizia con la nostra introduzione Cos'è SVG? per comprendere il formato prima di immergerti nel flusso di lavoro di conversione.
Step 1: Carica il tuo PNG
Apri Any2SVG nel tuo browser. Hai diversi modi per caricare il tuo file:
- Trascina e rilascia il tuo PNG direttamente sull'area del convertitore.
- Clicca il selettore file per sfogliare il tuo dispositivo.
- Incolla dagli appunti — fai uno screenshot o copia un'immagine, poi incollala direttamente nello strumento.
- Inserisci un URL immagine per recuperare un PNG dal web.
- Importa da Dropbox, Google Drive o OneDrive senza scaricare prima il file sul tuo dispositivo.
Any2SVG accetta file PNG fino a 10 MB. Se hai più PNG da convertire, selezionali tutti in una volta — lo strumento supporta la conversione in batch, così puoi elaborare un intero set di risorse in una singola sessione.
Step 2: Prepara la tua immagine
Prima di tracciare, prenditi un momento per pulire la sorgente. Un input migliore porta sempre a un risultato vettoriale migliore.
Ritaglia lo spazio bianco
Usa lo strumento di ritaglio integrato per rimuovere spazio bianco o aree di sfondo non necessarie intorno al soggetto. L'editor di ritaglio supporta la selezione libera e proporzioni bloccate 1:1, con pinch-to-zoom per un inquadramento preciso su touchscreen. Rimuovere lo spazio morto prima della conversione mantiene l'SVG di output compatto e focalizzato.
Ridimensiona per velocità
Tracciare un'immagine molto grande richiede più tempo e non sempre produce un SVG migliore. Se il tuo PNG è più largo di circa 2000 pixel, considera di ridimensionarlo. Any2SVG offre più modalità di ridimensionamento — per larghezza, altezza, dimensioni esatte, percentuale o preset comuni. Un'immagine sorgente più piccola viene tracciata più velocemente e spesso produce tracciati più puliti perché il tracer ha meno rumore con cui lavorare.
Orientamento automatico e rimozione metadati
Attiva l'orientamento automatico per lasciare che Any2SVG legga i dati di rotazione EXIF e visualizzi l'immagine correttamente prima del tracing. Il convertitore rimuove anche i metadati incorporati (EXIF, XMP) dall'SVG di output, così i dettagli della fotocamera e le coordinate GPS non finiscono nei tuoi file pubblicati.
Step 3: Regola le impostazioni di vettorializzazione
Qui è dove risiede il vero controllo. Any2SVG ti dà opzioni dettagliate che influenzano direttamente la qualità e la dimensione del tuo SVG di output. Ecco cosa fa ogni impostazione e come usarla:
Numero di colori
Controlla quante regioni di colore distinte il tracer crea. Usa da 2 a 8 colori per loghi, icone e artwork semplici. Aumenta a 16 o più per illustrazioni dettagliate o immagini con sfumature. Meno colori producono SVG più semplici e piccoli; più colori catturano differenze tonali più fini ma aumentano la complessità del file.
Livello di dettaglio
Determina quanto fedelmente il tracer segue bordi e curve. Un dettaglio più alto preserva caratteristiche sottili ma può introdurre rumore dall'immagine sorgente. Un dettaglio più basso produce un output più liscio e stilizzato. Inizia con un'impostazione media e regola da lì.
Ottimizzazione dei tracciati
Semplifica i tracciati vettoriali generati rimuovendo punti di controllo non necessari. Un'ottimizzazione più alta riduce la dimensione del file e leviga le curve. Per loghi e artwork puliti, imposta l'ottimizzazione alta. Per illustrazioni dettagliate dove vuoi preservare ogni bordo, mantienila moderata.
Precisione delle coordinate
Imposta quanti decimali vengono usati per le coordinate dei tracciati. Una precisione più alta significa tracciati più accurati ma file più grandi. Per la maggior parte dei casi d'uso, 1–2 decimali offrono un ottimo equilibrio tra accuratezza e dimensione del file.
Altre opzioni
- Modalità layering — Scegli tra output a livelli (ogni colore sul proprio livello) e rendering impilato. L'output a livelli è più facile da modificare in strumenti vettoriali come Inkscape o Illustrator.
- Sfocatura — Applica una leggera sfocatura di preprocessing per attenuare input rumorosi prima del tracing. Utile per PNG con artefatti di compressione o texture granulose.
- viewBox — Attiva/disattiva un attributo viewBox esplicito sull'SVG di output, che controlla come la grafica scala quando incorporata nell'HTML.
Impostazioni consigliate per tipo di immagine
| Tipo di immagine | Colori | Dettaglio | Ottimizzazione | Note |
|---|---|---|---|---|
| Logo semplice | 2 – 4 | Basso – Medio | Alta | Meno colori = file più piccolo, bordi più netti |
| Icona multicolore | 4 – 8 | Medio | Alta | Bilancia dettaglio con tracciati puliti |
| Illustrazione dettagliata | 16 – 32 | Alto | Media | Più colori catturano sfumature e ombreggiature |
| Disegno a linee / schizzo | 2 – 4 | Alto | Media | Dettaglio alto preserva i tratti sottili |
| Fotografia (semplice) | 32+ | Alto | Bassa | SVG grande; valuta se SVG è il formato giusto |
Per suggerimenti più specifici sul formato, consulta i nostri suggerimenti da JPG a SVG — molti degli stessi principi si applicano a sorgenti PNG che originariamente erano fotografie compresse.
Step 4: Scarica il tuo SVG
Una volta soddisfatto dell'anteprima, scarica il tuo SVG finito. Per un singolo file, clicca il pulsante di download per salvarlo direttamente. Se hai convertito più PNG in batch, Any2SVG raggruppa ogni risultato in un archivio ZIP — assemblato nel tuo browser usando fflate per una compressione veloce e leggera.
Dopo il download, apri l'SVG nel tuo browser o in un editor vettoriale come Inkscape, Figma o Adobe Illustrator per verificare il risultato. Controlla bordi, regioni di colore e dimensione complessiva del file. Se qualcosa non va, torna su Any2SVG, modifica le impostazioni e riconverti — iterare è normale e richiede solo pochi secondi.
Conclusione
Convertire un PNG in SVG è semplice una volta capito che il tracing è un'approssimazione, non un cambio di formato senza perdita. I passaggi chiave sono semplici: carica il tuo PNG, preparalo con gli strumenti di ritaglio e ridimensionamento, regola le impostazioni di vettorializzazione per il tuo tipo di immagine e scarica l'SVG finito.
Per la maggior parte dei loghi e delle icone, un basso numero di colori con alta ottimizzazione offre i migliori risultati. Per illustrazioni dettagliate, aumenta colori e dettaglio accettando un file più grande. E per le fotografie, valuta se SVG è davvero il formato di output giusto prima di procedere con la conversione.
Any2SVG rende l'intero processo gratuito, veloce e privato — tutto funziona nel tuo browser. Provalo con le tue immagini e scopri quanto velocemente puoi produrre grafiche vettoriali pulite e scalabili.