Convertitore gratuito
PNG a Vettorializzatore SVG
Converti immagini PNG/JPG raster in grafica vettoriale SVG scalabile. Sicuro, rapido ed elaborato interamente all'interno del tuo browser.
Trascina e rilascia PNG/JPG qui
Supporta fino a 50 MB
O
Converti immagini PNG/JPG raster in grafica vettoriale SVG scalabile. Sicuro, rapido ed elaborato interamente all'interno del tuo browser.
Supporta fino a 50 MB
La conversione da PNG a SVG è fondamentalmente un'operazione di tracciamento, non una modifica del formato. PNG memorizza i pixel; SVG memorizza le primitive geometriche. Per passare da una griglia di pixel a percorsi vettoriali scalabili è necessario interpretare la bitmap e disegnare forme approssimative attorno a regioni di colore simile. Il risultato è veramente scalabile: puoi ridimensionarlo liberamente senza pixelazione, ma non è una riproduzione perfetta della fonte. Il contenuto fotografico viene tracciato male perché ogni variazione di colore a livello di pixel diventa una forma, producendo enormi SVG che vanificano lo scopo. Loghi, icone, disegni al tratto e grafica ad alto contrasto vengono tracciati in modo pulito perché hanno un numero limitato di aree di colore con confini ben definiti.
Questo convertitore utilizza la libreria imagetracerjs, una porta JavaScript di algoritmi di tracciamento vettoriale simili a potrace. Il PNG viene decodificato in una bitmap RGBA, la bitmap viene segmentata in regioni di colore utilizzando una tavolozza configurabile, il confine di ciascuna regione viene tracciato in un tracciato, i tracciati vengono semplificati utilizzando l'approssimazione di Bezier e i tracciati risultanti vengono emessi come elementi del tracciato SVG. L'intera pipeline viene eseguita nel tuo browser senza alcun caricamento sul server.
I parametri di tracciamento controllano il compromesso tra fedeltà e dimensione del file. Più colori e dettagli più fini producono un SVG più grande che corrisponde maggiormente alla fonte; meno colori e un tracciamento più grossolano producono un SVG più piccolo con un aspetto più stilizzato. Le impostazioni predefinite sono ottimizzate per loghi e icone; le immagini complesse possono trarre vantaggio da un passaggio di ricalco con impostazioni modificate o potrebbero semplicemente non essere buoni candidati per la vettorizzazione.
La vettorizzazione di un PNG è particolarmente utile quando è necessario ridimensionare l'immagine oltre la sua risoluzione originale. I loghi, in particolare, spesso arrivano come PNG di dimensioni modeste e devono apparire nitidi su cartelloni pubblicitari, display Retina e stampe di grande formato. Una traccia vettoriale produce un SVG scalabile senza perdita di qualità; il compromesso è la fedeltà ai pixel originali.
SVG è anche significativamente più compatto di PNG per la grafica con pochi colori e ampie regioni piatte. Un'icona PNG a 256×256 potrebbe essere 8 KB; l'equivalente SVG con due o tre colori è spesso inferiore a 1 KB. Per le librerie di icone dell'interfaccia utente fornite a un frontend Web, le versioni vettoriali riducono le dimensioni del bundle e migliorano la nitidezza su tutte le densità di visualizzazione.
Rilascia un PNG, scegli le impostazioni di tracciamento, genera un SVG.
imagetracerjs implementa una pipeline a più fasi: la quantizzazione del colore riduce la bitmap a un numero fisso di colori utilizzando il clustering k-means o il taglio mediano; il rilevamento dei bordi identifica i confini dei pixel tra le regioni; il tracciamento del contorno segue i confini per produrre poligoni chiusi; L'adattamento di linee e curve approssima i poligoni con curve di Bezier per ridurre i dati del percorso.
I parametri dell'algoritmo che contano di più sono il numero di colori (tipico: 4–32), pathomit (i percorsi più brevi di questo numero di pixel vengono scartati come rumore), ltres (tolleranza della linea: quanto può deviare un bordo prima di essere diviso in un nuovo segmento) e qtres (tolleranza della curva quadratica: quanto aggressivamente vengono smussate le curve). Le impostazioni predefinite funzionano bene per i loghi; le immagini complesse traggono vantaggio dall'ottimizzazione per immagine.
L'output è SVG 1.1 standard con elementi di percorso. Ogni regione di colore diventa un percorso con un attributo di riempimento. Il file risultante si apre in qualsiasi browser, editor vettoriale o strumento di progettazione compatibile con SVG. La dimensione del file dipende principalmente dal numero di percorsi e dalla densità dei nodi; un tipico logo tracciato è di 1–10 KB.