SVG contro PNG: quale formato serve davvero al tuo logo?
Se hai mai inviato un logo a una tipografia e ricevuto un messaggio che diceva "abbiamo bisogno di un file vettoriale", o hai visto un logo diventare sfocato quando ingrandito, hai incontrato la differenza fondamentale tra SVG e PNG. Capirla una volta per tutte ti risparmierà ore di scambi inutili.
La risposta breve: il SVG è quasi sempre il formato giusto per un logo. Il PNG va bene per miniature web e anteprime, ma non può essere ingrandito senza perdita di qualità. Questa guida spiega perché — e cosa fare se hai solo un PNG.
Cos'è il PNG?
Il PNG (Portable Network Graphics) è un formato raster. Memorizza le immagini come una griglia di pixel — ogni pixel registra un valore di colore. Un PNG di 500 × 500 px contiene esattamente 250.000 pixel. Quando lo ingrandisci a 2.000 × 2.000 px, il software deve inventare i pixel mancanti per interpolazione. Il risultato è un bordo sfocato e pixelato.
Il PNG supporta la trasparenza (a differenza del JPG), il che lo rende il formato standard per loghi e icone sul web. È anche senza perdita — i colori vengono memorizzati esattamente — il che lo rende preferibile al JPG per tutto ciò che contiene testo o bordi netti alla sua risoluzione nativa.
Cos'è il SVG?
Il SVG (Scalable Vector Graphics) è un formato vettoriale. Invece di pixel, memorizza descrizioni matematiche di forme: un cerchio descritto da un centro e un raggio, una curva descritta come un percorso di Bézier. Quando ingrandisci un SVG, il software ricalcola la geometria alla nuova dimensione. Il risultato è sempre perfettamente nitido.
I file SVG sono testo XML, il che significa che sono leggibili dall'uomo, incorporabili direttamente in HTML e indicizzabili dai motori di ricerca. Sono generalmente piccoli — un logo SVG è spesso sotto i 10 KB — e si caricano istantaneamente sul web.
SVG contro PNG: confronto diretto
| Proprietà | SVG | PNG |
|---|---|---|
| Scalabilità | Infinita — rimane nitido a qualsiasi dimensione | Risoluzione fissa — sfuma se ingrandito |
| Dimensione file | Piccola per loghi semplici (2–20 KB) | Variabile; i PNG ad alta risoluzione sono pesanti |
| Trasparenza | Sì (nativa) | Sì (canale alpha) |
| Modificabilità | Percorsi completamente modificabili in Illustrator, Figma, Inkscape | Solo editing pixel (Photoshop, ecc.) |
| Stampa | Preferito dalla maggior parte delle tipografie | Accettabile solo ad altissima risoluzione (300+ dpi) |
| Web | Eccellente — piccolo, nitido su schermi Retina | Buono a dimensione nativa; sfuma su Retina se sottodimensionato |
| Merchandising / ricamo | Richiesto dalla maggior parte delle piattaforme | Generalmente non accettato |
Quando usare il SVG
- Stampa: biglietti da visita, striscioni, packaging, insegne. Le tipografie lavorano con file vettoriali perché devono produrre a dimensioni e risoluzioni arbitrarie.
- Merchandising: serigrafia, ricamo, stampa DTG e incisione laser richiedono tutte artwork vettoriale.
- Web: il logo del tuo sito dovrebbe essere SVG per rimanere nitido su schermi ad alta densità (Retina) senza necessitare di una versione PNG 2× o 3×.
- Risorse di brand: quando consegni a designer o agenzie, fornisci sempre l'SVG.
Quando il PNG è accettabile
- Foto profilo sui social media visualizzate a dimensione fissa.
- Firme e-mail dove il logo viene sempre visualizzato a una sola dimensione.
- Miniature di anteprima in un documento o presentazione a dimensione fissa.
Ho solo un PNG — cosa fare?
Se il tuo unico file sorgente è un PNG, devi vettorizzare il logo — convertirlo da pixel a percorsi geometrici. Il metodo più veloce è un vettorizzatore IA: Logo Vectorize traccia il tuo PNG automaticamente, ti permette di modificare i percorsi nel browser ed esporta un SVG pulito senza costi.
Leggi la guida completa: Come vettorizzare un logo →
Domande frequenti
Il SVG funziona in tutti i browser e sistemi operativi?
Sì, senza eccezioni significative. Chrome, Firefox, Safari, Edge e Opera visualizzano il SVG nativamente dal 2011. Su mobile, iOS Safari e Android Chrome supportano entrambi il SVG. Internet Explorer 8 e versioni precedenti — che rappresentano meno dello 0,01% del traffico web globale — avevano un supporto parziale. Per qualsiasi pubblico che puoi ragionevolmente raggiungere, la compatibilità SVG non è un problema.
Perché il mio file SVG è più grande del PNG equivalente?
Il SVG descrive le immagini in markup testuale. Per i loghi — forme piatte, pochi colori — quel markup è compatto (tipicamente 2–30 KB). Per le immagini complesse con molte sfumature o curve fini, le descrizioni dei percorsi si allungano e il SVG può superare il PNG. La soluzione è SVGO, un ottimizzatore SVG open-source: elimina i metadati dell'editor, rimuove gli attributi inutilizzati e abbrevia i dati del percorso. Un logo SVG ben ottimizzato è quasi sempre più piccolo di un PNG esportato alla risoluzione necessaria per gli schermi Retina.
Posso usare file SVG in Word, Google Docs o PowerPoint?
Word 2016 (Office 365) e versioni successive accettano SVG. Google Slides e PowerPoint importano anch'essi SVG. La precisazione: tutte e tre le applicazioni rasterizzano il SVG durante il rendering — il file viene convertito in pixel alla risoluzione di visualizzazione del documento. Per le presentazioni, l'importazione SVG funziona bene; per il layout preciso, esporta invece un PNG ad alta risoluzione dal tuo editor vettoriale.
Perché non posso caricare un SVG su Instagram, Facebook o LinkedIn?
Le piattaforme social richiedono formati raster perché le loro pipeline di elaborazione delle immagini — compressione, ridimensionamento, filtri — operano su dati pixel. Queste pipeline non hanno un parser SVG. Per pubblicare il tuo logo sui social media, esportalo come PNG alle dimensioni richieste (almeno 800 × 800 px per le immagini del profilo) dal tuo editor vettoriale.
Qual è la differenza tra SVG e EPS?
Entrambi i formati memorizzano la geometria come percorsi bezier e scalano senza perdita di qualità. Il SVG è XML testuale, standard aperto, e si visualizza nativamente nei browser. L'EPS è basato su PostScript — un linguaggio di descrizione di pagina degli anni '80 — e richiede un interprete PostScript per il rendering; non si apre nei browser. Se un fornitore chiede specificamente EPS, di solito significa che il suo workflow è precedente allo standard SVG; puoi esportare in EPS da qualsiasi SVG in Inkscape (gratuito) o Illustrator.
Guide correlate: Come vettorizzare un logo · Cos'è un file vettoriale?