PNG in SVG
Converti PNG in SVG con un vettorizzatore online
Traccia loghi, icone, illustrazioni e disegni al tratto PNG in percorsi SVG scalabili. Le aree trasparenti rimangono tali e puoi scegliere il ricalco a colori o in bianco e nero prima di ottimizzare i dettagli e la riduzione del rumore.
Modifica dei valori predefiniti per i nuovi file
Anteprima
Nessuna anteprima. Aggiungi e seleziona file per vedere i risultati.
Nessun file ancora. Trascina file sopra o clicca SELEZIONA FILE.
Che cos'è PNG?
PNG (Portable Network Graphics) è un formato raster senza perdita con piena trasparenza del canale alpha. Un PNG trasparente è ideale per icone, screenshot, illustrazioni e qualsiasi grafica che richieda bordi nitidi o uno sfondo trasparente.
Che cos'è SVG?
SVG (Scalable Vector Graphics) è un formato di immagine vettoriale basato su XML. Anziché pixel, un SVG descrive matematicamente forme, tracciati, riempimenti e contorni, così da poter essere reso a qualsiasi dimensione senza perdere qualità.
SVG è il formato vettoriale standard per il Web. È supportato nativamente da tutti i browser moderni e può essere formattato con CSS o animato con JavaScript o SMIL. Spesso è compatto per loghi, icone e illustrazioni, ma i file SVG complessi possono diventare grandi.
SVG vs formati raster
I grafici vettoriali (SVG) e i grafici raster (PNG, JPG) risolvono problemi diversi. Il formato giusto dipende dall'uso a cui è destinata l'immagine.
| Caratteristica | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| Scalabilità | Indipendente dalla risoluzione | Sfocata se ingrandita | Pre-renderizzata a dimensioni fisse |
| Dimensione del file | Piccola per forme e icone | Cresce con la risoluzione | Insieme di raster pre-dimensionati |
| Modifica | Modificabile come testo o in strumenti vettoriali | Modifica solo a livello di pixel | Modifica ogni dimensione, poi ricompatta |
| Animazione | CSS, SMIL, JavaScript | Limitata (PNG/GIF animati) | Non supportata |
| Trasparenza | Sì | PNG sì, JPG no | Sì (basato su PNG) |
Quando convertire PNG in SVG
Converti PNG in SVG quando un logo, un’icona o un’illustrazione deve scalare pulitamente a qualsiasi dimensione. Vettorizzare un PNG produce output nitido in risoluzione di stampa e su display HiDPI, oltre a un file modificabile che puoi ricolorare, ridimensionare e animare. I risultati migliori vengono da PNG con colori piatti e bordi puliti; anche le fotografie complesse si possono tracciare, ma producono SVG più grandi.
PNG a SVG: dimensione e compromessi di qualità
Dimensione file
La dimensione del file SVG dipende dal numero e dalla complessità dei percorsi, non solo dalle dimensioni in pixel dello PNG. Un logo o un'icona piatta diventa spesso un SVG compatto, mentre una fotografia può produrre migliaia di forme e un file più grande dell'originale. Meno colori, una riduzione del rumore più forte e percorsi più semplici in genere riducono le dimensioni dell'output.
Quando l'SVG batte il PNG originale
Usa l’SVG quando l’asset deve essere mostrato a più dimensioni (favicon, icone retina, loghi di qualità di stampa), o quando devi ricolorarlo o animarlo. SVG è modificabile come testo, quindi la forma vettoriale è anche ciò che entra in un design system.
Quando mantenere il PNG originale
Resta sul PNG per fotografie, screenshot e catture UI con anti-aliasing. Vettorizzare contenuto fedele al pixel produce un SVG molto più grande del PNG sorgente, e il tracciatore appiattisce rumore, sfumature fini e anti-aliasing in regioni di colore più grossolane.
Compromessi di qualità
PNG è lossless: ogni pixel è esattamente ciò che è stato dipinto. La vettorizzazione è approssimativa: il tracciante adatta le curve alle regioni di colore, quindi tratti molto sottili, gradienti fotografici e motivi retinati possono essere smussati o semplificati. Loghi, icone e disegni al tratto di solito si tracciano molto attentamente; le fotografie tendono ad apparire più stilizzate o posterizzate.
Come convertire PNG in SVG online
- 1
Trascina i tuoi file, o clicca SELEZIONA FILE, per aggiungerli alla coda. Fino a 40 alla volta.
- 2
Imposta le opzioni di output (dimensione, DPI, sfondo, qualità o livello di dettaglio della tracciatura) e l'anteprima si aggiorna in tempo reale.
- 3
Clicca SALVA TUTTO per scaricare il risultato, o un unico ZIP quando la coda contiene più di un file.
Privacy: i tuoi file non escono dal browser
La conversione viene eseguita localmente nel tuo browser utilizzando JavaScript e WebAssembly. Non è previsto il caricamento di file o la conversione lato server, quindi i file che aggiungi rimangono sul tuo dispositivo.
L'elaborazione locale aiuta a proteggere i loghi riservati, i documenti interni e le opere d'arte inedite dei clienti. Le pagine e il codice di conversione vengono memorizzati nella cache mentre li utilizzi, quindi gli strumenti che hai già aperto possono continuare a funzionare senza una connessione di rete.
Domande frequenti
La trasparenza viene mantenuta nella vettorizzazione di un PNG?
Le aree trasparenti possono rimanere chiare nell'output SVG, rendendo PNG una fonte utile per loghi e icone senza uno sfondo solido. Il ricalco è ancora un'approssimazione, quindi controlla i bordi morbidi o semitrasparenti nell'anteprima.
Quale tipo di PNG si vettorizza meglio?
PNG con colori piatti, bordi puliti e palette limitate (loghi, icone, disegni al tratto, sticker) producono SVG piccoli e puliti. Anche le foto dettagliate funzionano, ma producono file più grandi. Per quelle, alza la riduzione del rumore e abbassa la precisione colore.
Modalità Colore o Bianco e nero?
Colore per loghi, illustrazioni e tutto ciò che ha più riempimenti. Bianco e nero per arte al tratto, disegni scansionati, firme o qualsiasi cosa tu voglia come sagoma monocromatica pulita. Il cursore della soglia B/N controlla il taglio tra nero e bianco.