Di Claire Yoon10 min di lettura

PNG vs SVG: quale usare e quando convertire

PNG significa pixel e SVG significa matematica, quindi la scelta giusta dipende da ciò che stai creando. Una guida semplice per scegliere tra i due formati e per trasformare un PNG in un vero SVG.

In questa pagina

PNG e SVG non sono versioni migliori o peggiori della stessa cosa. Sono due tipi di file diversi, e quello giusto dipende da ciò che stai creando. Un PNG è fatto di pixel, come un minuscolo mosaico di quadrati colorati. Un SVG è fatto di matematica: linee, curve e forme che il computer ridisegna da zero a qualsiasi dimensione. Questa sola differenza decide tutto il resto. La regola breve: usa PNG per foto e immagini dettagliate, e SVG per loghi, icone, testo e tutto ciò che dovrai ridimensionare, stampare in grande o tagliare con una macchina. E se hai un logo PNG che ti serve in SVG, non basta salvarlo come SVG. Devi convertirlo, e la conversione è il passaggio che fa riuscire o fallire il risultato.

La versione rapida
  • PNG = pixel. Ideale per foto, screenshot e immagini dettagliate che richiedono trasparenza.
  • SVG = matematica. Ideale per loghi, icone, testo e tutto ciò che ridimensioni, stampi in grande o tagli.
  • L'ingrandimento rivela tutto: aumenta entrambi di 10 volte e il PNG diventa sfocato, mentre l'SVG resta nitidissimo.
  • Non puoi semplicemente rinominare un PNG in .svg. Trasformare un PNG in un vero SVG significa tracciarlo. Converti un PNG in SVG e controlla il risultato.
  • Attenzione al finto SVG: un PNG inserito dentro un file .svg continua a sgranare e non può comunque essere modificato.

Qual è davvero la differenza: pixel vs matematica

Apri un PNG, fai molto zoom e prima o poi arriverai ai quadrati. È una griglia fissa di pixel. Se lo ingrandisci oltre la sua dimensione nativa, il computer deve indovinare cosa mettere tra quei quadrati, quindi i bordi diventano morbidi e a blocchi. Ecco perché un piccolo logo preso da un sito appare sfocato appena lo scali verso l'alto.

Un SVG, invece, memorizza le istruzioni: disegna una curva qui, una forma lì, riempila con questo colore. Poiché è matematica, il computer lo ridisegna sempre perfettamente nitido a qualsiasi dimensione, da una favicon a un cartellone pubblicitario. Non c'è nulla da indovinare e nulla che si sfoca. Se l'idea di "istruzioni invece di pixel" è nuova per te, che cos'è davvero la vettorializzazione delle immagini la spiega passo dopo passo.

Stessa immagine, ingrandita
Una lettera S mostrata a sinistra come PNG raster pixelato con quadrati frastagliati visibili, e a destra come SVG vettoriale liscio che resta nitido quando viene ingrandito
Ingrandisci un PNG e i pixel si vedono. Un SVG viene ridisegnato dalla matematica, quindi resta nitido a qualsiasi dimensione.

PNG vs SVG in sintesi

PNGSVG
Composto daPixel (raster)Matematica (vettoriale)
Si ridimensiona senza sfocarsiNo, risoluzione fissaSì, a qualsiasi dimensione
Forme modificabiliNo, un'unica immagine piattaSì, tracciati e colori separati
Trasparenza
AnimazioneNo
Foto e dettagli finiLi gestisce beneFa fatica, li appiattisce
Supporto in browser e appUniversaleAmpio, ma non in ogni vecchia app o client email
Dimensione tipica del filePiù grandePiù piccolo per grafiche piatte, può essere più grande per immagini complesse
Ideale perFoto, screenshot, grafiche dettagliateLoghi, icone, lettering, file da taglio

Una nota sulla dimensione: si sente spesso dire che "SVG è più piccolo", e per un logo o un'icona piatta di solito è vero. Ma un SVG di un'immagine complessa, simile a una foto, può superare il PNG, perché deve descrivere ogni minuscola forma che trova. La grafica semplice e piatta è il terreno in cui SVG vince sulla dimensione.

Quale dovresti usare? Decidi in base a ciò che stai creando

Qui non c'è un vincitore unico. Dipende interamente dal lavoro. Ecco la scelta rapida per i casi che le persone chiedono davvero più spesso.

Cosa stai creandoUsaPerché
Grafiche per siti web, icone, UISVGNitido su ogni schermo e display Retina, e leggero da caricare
Un logo che riuserai ovunqueSVGUn solo file scala dal biglietto da visita allo striscione fieristico senza riesportare
FotografiePNG (o JPG)I vettori non possono riprodurre il dettaglio fotografico a toni continui
Screenshot, mockup di appPNGPixel-perfect, con trasparenza dove serve
Cricut, Silhouette, plotter da taglio per vinileSVGLe macchine da taglio seguono tracciati, non pixel
Sublimazione, DTG, magliette stampateDipende da stampa vs taglio, vedi sotto
Codici QRSVGResta nitido e leggibile a qualsiasi dimensione di stampa
Stampa: biglietti da visita, insegneSVG per un logo o una grafica, PNG/JPG per una fotoLa grafica al tratto stampa più nitida come vettore; le foto stampano meglio come raster ad alta risoluzione

Sublimazione e magliette stampate confondono molte persone. Una domanda comune nei gruppi di craft è se ordinare un SVG o un PNG per una maglietta. La risposta onesta dipende da come viene prodotta la maglietta. Sublimazione e stampa direct-to-garment sono processi raster che depositano inchiostro, quindi di solito la tipografia vuole un PNG ad alta risoluzione con sfondo trasparente. Il vinile termoadesivo è l'opposto: la macchina taglia lungo i tracciati, quindi serve un SVG. Quando non sei sicuro, fai una sola domanda a chi stampa: questo design viene stampato o tagliato? Per il lato taglio, ottenere un SVG pronto per il taglio è una piccola competenza a sé.

E se il tuo logo continua a comparire con un riquadro bianco intorno, non è una guerra tra formati. È un problema di trasparenza. Hai salvato un JPG, che non può contenere uno sfondo trasparente, quando ti serviva un PNG o un SVG.

Posso trasformare un PNG in SVG?

Puoi trasformare un PNG in SVG? Sì, ma non salvandolo come SVG. Devi tracciarlo: il software ridisegna l'immagine di pixel come tracciati vettoriali. Il percorso inverso, da SVG a PNG, è facile e affidabile perché stai solo appiattendo forme in pixel a una dimensione fissa. Da PNG a SVG è la direzione difficile, e la qualità della traccia è tutto.

È in questa direzione difficile che i risultati cambiano moltissimo. Un buon tracciatore ricostruisce la tua grafica come tracciati puliti e modificabili. Uno superficiale produce un groviglio di migliaia di punti di ancoraggio inutili, bordi frastagliati e colori che non riesci a separare. Stesso input, output completamente diverso. La guida completa è in come convertire un PNG in SVG senza perdere qualità.

La trappola da conoscere: alcuni convertitori non tracciano affatto. Inseriscono il tuo PNG originale dentro un file .svg e te lo restituiscono. Ha l'estensione giusta e si apre, ma è ancora fatto di pixel. Si sfoca quando lo ingrandisci e non puoi modificare una singola forma. È un finto vettore, e vanifica silenziosamente l'intero motivo per cui lo avevi convertito. La stessa trappola colpisce anche chi vettorializza un logo.

Tre controlli rapidi ti dicono se hai ottenuto un vero SVG:

  • Ingrandiscilo. Un vero vettore resta nitido. Uno falso si sgrana come il PNG che in segreto è ancora.
  • Fai clic su una forma. Dovresti poter selezionare e spostare singoli tracciati, non un'unica immagine piatta.
  • Guarda la complessità. Le curve pulite usano pochi punti di ancoraggio, non migliaia. Una traccia gonfia è dolorosa da modificare e lenta da tagliare: ecco perché le tracce finiscono con troppi nodi.

Il limite da chiarire subito: non ogni PNG dovrebbe diventare un SVG. Una foto, uno screenshot di una foto o un'immagine generata con IA ricca di gradienti non si trasformerà in una traccia pulita, perché i vettori descrivono forme piatte e i dettagli a toni continui si appiattiscono in macchie posterizzate. Se la sorgente è un logo, un'icona o un'illustrazione piatta, sei sulla strada giusta. Se è una foto, lasciala in PNG.

Come funziona con PerfectVector

Nella conversione da PNG a SVG, il punto è ottenere una traccia che superi quei controlli senza un'ora di pulizia manuale dopo. È per questo che PerfectVector è stato creato. Ricostruisce l'immagine come tracciati puliti con un numero ridotto di nodi, mantiene ogni colore come forma modificabile separata e ti restituisce un vero SVG che si apre correttamente in Illustrator, Figma o Inkscape. Puoi trasformare un PNG in SVG e ispezionare tu stesso i tracciati. Le prime conversioni sono gratuite, senza carta di credito.

PNG, ingrandito
Un logo PNG ingrandito finché i bordi risultano visibilmente sfocati e pixelati
Il PNG raster si degrada in bordi morbidi e a blocchi.
SVG, ingrandito
Lo stesso logo come SVG, ingrandito alla stessa dimensione con bordi perfettamente nitidi
L'SVG tracciato resta nitido alla stessa dimensione.

Quando tenere il PNG

SVG non è sempre un miglioramento. Tieni il PNG quando:

  • È una foto, o qualsiasi immagine con dettagli fotografici e gradienti.
  • Ti serve solo una rapida immagine per web o email ed è già della dimensione giusta.
  • Deve aprirsi ovunque senza sorprese. PNG è il formato raster universale.

Un PNG è la risposta giusta più spesso di quanto ammettano gli evangelisti dei formati. L'obiettivo non è "sempre SVG". È scegliere il file giusto per il lavoro che hai davanti.

FAQ

SVG è meglio di PNG? Nessuno dei due è migliore in assoluto. Servono lavori diversi. SVG vince per loghi, icone, testo e tutto ciò che ridimensioni, stampi in grande o tagli, perché scala senza sfocarsi. PNG vince per foto, screenshot e immagini dettagliate, perché conserva il vero dettaglio dei pixel che un SVG non può riprodurre.

Posso trasformare un PNG in SVG? Sì, tracciandolo, non rinominandolo. Un convertitore ridisegna i pixel come tracciati vettoriali. Funziona bene per grafiche piatte e ad alto contrasto, come loghi e icone, e male per le foto. Verifica sempre che il risultato sia un vero vettore con tracciati modificabili, non un PNG inserito dentro un .svg.

Quali sono gli svantaggi di SVG? SVG fatica con fotografie e dettagli a toni continui, alcune app e client email più vecchi non lo supportano del tutto, e una conversione fatta male può produrre un file gonfio con migliaia di nodi inutili, difficile da modificare. Per le grafiche piatte, di solito niente di tutto questo è un problema.

PNG o SVG è meglio per Cricut? SVG. Cricut e altre macchine da taglio seguono tracciati vettoriali per tagliare, quindi un SVG si taglia in modo pulito, mentre un PNG deve prima essere tracciato dentro Design Space, spesso con risultati scadenti. Carica un SVG ogni volta che puoi.

Dovrei usare PNG o SVG per una maglietta stampata? Dipende dal metodo. Sublimazione e stampa direct-to-garment sono raster, quindi richiedono un PNG ad alta risoluzione con sfondo trasparente. Il vinile termoadesivo viene tagliato, quindi richiede un SVG. Chiedi alla tipografia se il design verrà stampato o tagliato.

Qual è più piccolo, PNG o SVG? Per grafiche piatte come loghi e icone, l'SVG di solito è molto più piccolo. Per immagini complesse o simili a foto, l'SVG può finire per essere più grande del PNG, perché deve descrivere ogni forma. Abbina il formato alla grafica.


Hai un logo o una grafica bloccati come PNG? Convertili in un SVG pulito e modificabile ed esegui i tre controlli qui sopra per assicurarti di avere ottenuto quello vero.

Altro dal blog