Vai al contenuto principale

PNG vs SVG

PNG e SVG sono entrambi molto usati e vengono scelti per ragioni diverse. Questa pagina li mette a confronto sulle cose che decidono fra l'uno e l'altro, e rimanda ai convertitori per entrambe le direzioni — ognuno dei quali gira nel tuo browser, senza che il file venga mai caricato.

La risposta breve

Non sono due modi di fare la stessa cosa. Un PNG è una griglia di pixel di dimensione fissa; un SVG è la descrizione di forme senza alcuna dimensione. Per un logo, un'icona o un diagramma — tutto ciò che è disegnato anziché fotografato — l'SVG è semplicemente la risposta giusta, perché lo stesso file è nitido a sedici pixel e su un manifesto stampato e di solito pesa meno di qualsiasi singolo PNG dello stesso soggetto.

Per una fotografia l'SVG non è un'opzione in alcun senso utile. Non ci sono forme da descrivere, e tracciarne una produce un file enorme che sta peggio di quello da cui proveniva. L'SVG porta con sé anche una considerazione di sicurezza che il PNG non ha: è un documento che può contenere script, quindi un SVG di provenienza ignota merita la cautela che daresti a un file HTML.

Se hai un logo come PNG e lo vuoi come SVG, la risposta onesta è di solito tornare da chi l'ha disegnato. Il tracciamento ti dà forme che approssimano i pixel, non le forme che il progettista ha davvero disegnato, e la differenza salta fuori nel momento in cui qualcuno lo ingrandisce o prova a ricolorarlo.

Fianco a fianco

PNG e SVG a confronto sulle proprietà che li separano.
ProprietàPNGSVG
CompressioneSenza perditaNessuna, salvato così com'è
Colore8 bit per canaleForme, non pixel
TrasparenzaCanale alfa completoCanale alfa completo
AnimazioneNo
Conserva l'EXIFNo
Supporto dei browserTutti i browser dal 1997Chrome 4, Firefox 3, Safari 3.2
Peso di una fotografiaDa 3 a 5 volte un JPGNon è un formato per fotografie
Pubblicato19962001

Dove differiscono davvero

  • Comprimono in modo diverso, ed è la differenza dietro quasi tutte le altre: uno conserva ogni pixel esattamente come gli è stato dato, l'altro scarta dettaglio per essere più piccolo e non può rimetterlo.
  • Solo SVG contiene più di un fotogramma. Convertire un'animazione nell'altro conserva il primo fotogramma e scarta il resto, in silenzio.
  • Conservano il colore in modi radicalmente diversi, ed è per questo che uno gestisce bene le fotografie e l'altro gestisce bene la grafica piatta, e perché forzare l'uno nel territorio dell'altro va male.
  • SVG non ha alcuna risoluzione: descrive forme anziché pixel, quindi resta nitido a qualsiasi dimensione mentre l'altro deve sceglierne una e tenersela.
  • Solo PNG porta impostazioni di scatto, date e campi di copyright. Convertire via da lui li scarta senza dirlo.
  • Il supporto dei browser non è pari. PNG è letto ovunque, e lo è da anni; l'altro è più recente oppure, in un caso, non è letto dai browser affatto.
  • Li separano 5 anni, e gran parte di ciò che li distingue è quanto si era imparato nel frattempo.

Cosa si sbaglia di solito

  • Convertire un'animazione nel formato fisso conserva il primo fotogramma e scarta il resto, senza avvisare. È l'errore più facile da fare qui e il più facile da non notare, perché il risultato si apre benissimo.
  • Impostazioni di scatto, date e campi di copyright non sopravvivono al viaggio verso il formato che non ha dove metterli. Se l'attribuzione conta, controlla l'uscita invece di darlo per scontato, perché la perdita è silenziosa.

Quale scegliere

Scegli PNG quando
Scegli il PNG per fotografie, schermate e qualsiasi immagine catturata anziché disegnata — e ovunque un file debba essere un'immagine semplice senza codice dentro.
Scegli SVG quando
Scegli l'SVG per loghi, icone, diagrammi e grafici, e soprattutto dove la stessa grafica deve comparire a dimensioni molto diverse.

Convertire dall'uno all'altro

Domande frequenti

Posso convertire un PNG in un SVG vero?
Solo tracciandolo, che è un'approssimazione più che una conversione. Funziona su un logo con pochi colori piatti e fallisce su una fotografia. Se la grafica esiste come vettori da qualche parte — nel file di progetto da cui proviene — esportare da lì è l'unico modo di ottenere un SVG autentico.
Fra PNG e SVG, quale è meglio?
Nessuno dei due, in generale: se uno fosse semplicemente migliore, l'altro sarebbe sparito. Sono bravi in cose diverse, e la risposta breve qui sopra dice quale in quale. La domanda utile è cosa deve fare il file dopo: essere modificato, essere pubblicato, essere aperto da qualcun altro, o stare dentro un limite di dimensione.
Convertire dall'uno all'altro fa perdere qualcosa?
Dipende dalla direzione. Convertire verso un formato che conserva tutto non perde nulla ma non recupera nemmeno nulla; convertire verso uno che scarta dettaglio ne perde un po' ogni volta. La tabella qui sopra dice quale dei due fa cosa.
Posso riconvertire indietro?
Il file si riconverte, ma se torni indietro invariato dipende dalla direzione. Fra due formati che conservano tutto, un viaggio di andata e ritorno è senza perdita. Dove uno dei due scarta dettaglio, quel dettaglio è andato e il viaggio di ritorno non può inventarlo.
Posso usarli entrambi?
Su una pagina web spesso sì, ed è di solito la risposta giusta: servi il formato moderno più piccolo ed elencane uno più vecchio come ripiego, così ogni browser prende ciò che comprende. Per un file che consegni a una persona, scegline uno: quello che riuscirà ad aprire.
Quale supporta il mio software?
La tabella fianco a fianco qui sopra dice quali browser leggono ciascuno, che è la parte che varia di più. Il supporto dei programmi da scrivania è più difficile da riassumere in generale e tende a stare anni indietro ai browser, quindi se il file va a qualcun altro il più vecchio e più diffuso dei due è la scelta più sicura.
Convertire fra i due è gratis?
Sì, senza account e senza limiti su quanti file converti. Ogni convertitore collegato da questa pagina gira nel tuo browser: il file viene letto dal tuo dispositivo, convertito da codice che gira su di esso e restituito come download.
Il mio file viene caricato?
No. Qui non esiste alcun server di conversione a cui caricarlo, e non è coinvolto alcun servizio di terze parti. Puoi verificarlo tu stesso: apri gli strumenti per sviluppatori del browser, passa al pannello Rete senza filtri ed esegui una conversione — nessuna richiesta porta con sé il tuo file.

La pubblicità su questo sito

Questo sito è pagato dalla pubblicità. Gli annunci possono archiviare cookie per scegliere cosa mostrarti e per non ripetersi. I tuoi file non c'entrano nulla: non lasciano mai il browser, qualunque bottone tu prema, e ogni strumento funziona in entrambi i casi.

Che cosa comprende