SVG vs PNG per i loghi: quale formato usare (e quando)
Per un logo, conserva il master come SVG e usalo ovunque il formato sia supportato — resta nitido a qualsiasi dimensione e pesa quasi nulla. Ricorri al PNG solo quando ti serve un'immagine raster a dimensione fissa o un contesto che non accetta l'SVG, come la maggior parte dei profili social. Per la stampa, consegna un PDF o EPS vettoriale. Non usare mai il JPG per un logo.
In questa pagina
Qual è la differenza tra SVG e PNG?
La differenza è vettore vs raster. Un SVG (Scalable Vector Graphics) descrive un logo come forme — punti, curve e riempimenti — definite dalla matematica. Viene ridisegnato a qualunque dimensione appaia, così resta nitido ovunque. Essendo codice, è anche minuscolo per la geometria pulita della maggior parte dei loghi, spesso solo pochi kilobyte.
Un PNG (Portable Network Graphics) è un'immagine raster: una griglia fissa di pixel con una larghezza e un'altezza stabilite. Supporta la trasparenza, quindi un logo si posa in modo pulito su qualsiasi colore — ma mostrato più grande di quanto è stato esportato, i pixel si stirano e i bordi si ammorbidiscono.
Quando dovresti usare l'SVG?
Rendi l'SVG il tuo file master e la tua scelta predefinita per qualsiasi cosa su schermo:
- Siti web e web app — il logo nell'header, nel footer e nell'hero. I browser moderni renderizzano l'SVG perfettamente nitido su ogni schermo, inclusi retina e 4K.
- Ovunque il logo debba scalare — layout responsivi e display ad alta densità.
- Come fonte unica da cui esporti tutto il resto.
- Favicon, dato che i browser moderni accettano una favicon SVG.
Quando dovresti usare il PNG?
Usa il PNG quando ti serve un raster a dimensione fissa o un contesto che non accetta l'SVG:
- Immagini profilo e di copertina social — la maggior parte delle piattaforme accetta solo caricamenti raster, quindi esporta un PNG quadrato alla dimensione che ciascuna consiglia.
- Alcuni client email e strumenti per firme che non renderizzano l'SVG in modo affidabile.
- Documenti, presentazioni e marketplace che accettano solo immagini raster.
- Anteprime e miniature rapide.
SVG vs PNG in sintesi
| Cosa conta | SVG (vettore) | PNG (raster) |
|---|---|---|
| Scalatura | nitido a qualsiasi dimensione | dimensione fissa; sfoca se ingrandito |
| Peso del file (loghi) | minuscolo per i segni semplici | cresce con le dimensioni |
| Trasparenza | sì | sì |
| Modificabilità | forme e colori restano modificabili | pixel appiattiti |
| Ideale per | web, file master, scalatura | avatar, raster a dimensione fissa, upload |
| Compatibilità | browser moderni e strumenti di design | accettato quasi ovunque |
E EPS, PDF, AI — e JPG?
SVG e PNG coprono il web, ma un pacchetto logo completo di solito include un paio di altri formati:
- PDF — un formato vettoriale che quasi ogni stampatore e strumento da ufficio accetta. È il file più sicuro da consegnare a una tipografia.
- EPS — un formato vettoriale più vecchio che alcuni stampatori ancora richiedono. Trattalo come un'esportazione di compatibilità per la stampa, non come qualcosa che usi ogni giorno.
- AI (Adobe Illustrator) — un file di lavoro/sorgente. Se un designer ha creato il tuo logo, conserva archiviato l'AI (o l'SVG) come originale modificabile.
- JPG — evitalo per i loghi. Il JPG non ha trasparenza, quindi impone un riquadro di sfondo attorno al segno, e la sua compressione è con perdita, il che sbava i bordi nitidi. È costruito per le foto, non per i loghi.
Conserva l'SVG come tua unica fonte di verità. Ogni PNG, favicon, PDF e immagine social dovrebbe essere esportato da esso — mai il contrario. Ricalcare un PNG in un vettore raramente corrisponde all'originale.
Puoi riconvertire un PNG in un SVG?
Non in modo pulito. Convertire un PNG in SVG significa ricalcare i pixel in forme, il che raramente corrisponde all'originale e spesso produce tracciati disordinati. Se hai l'SVG, parti sempre da lì. Se tutto ciò che hai è un PNG a bassa risoluzione, di solito è meglio ricostruire il segno come vettore che ricalcarlo automaticamente.
E le favicon e le icone app?
Una favicon è solo una versione molto piccola del tuo logo, quindi esportala dall'SVG: una favicon SVG per i browser moderni, più piccoli PNG (per esempio 32×32 e un'icona Apple touch 180×180) per un'ampia compatibilità. La stessa regola vale per le icone app — genera le dimensioni che ogni piattaforma richiede dal master vettoriale. Vedi come creare una favicon dal tuo logo.
La risposta breve
Progetta e conserva il tuo logo come SVG, usalo sul web, esporta il PNG per gli utilizzi raster a dimensione fissa, consegna agli stampatori un PDF o EPS e salta del tutto il JPG. Conserva il master vettoriale e potrai produrre qualsiasi dimensione o formato in seguito senza perdere qualità.
Crea un logo ed esporta SVG, PNG e faviconDomande frequenti
L'SVG è meglio del PNG per i loghi?
Per un logo, di solito sì: l'SVG è un vettore, quindi resta nitido a qualsiasi dimensione ed è minuscolo per i segni semplici. Il PNG è comunque utile per gli utilizzi raster a dimensione fissa come gli avatar social e gli strumenti che non leggono l'SVG.
Un logo SVG perde qualità quando viene scalato?
No. L'SVG descrive le forme con la matematica, quindi si ridisegna nitido a qualsiasi dimensione — da una favicon a un cartellone — senza mai diventare sfocato o pixelato.
Perché il mio logo PNG appare sfocato?
Un PNG ha una dimensione in pixel fissa. Mostrarlo più grande di quanto esportato, o su uno schermo ad alta densità, stira quei pixel e ammorbidisce i bordi. Esporta un PNG più grande, o usa l'SVG.
Dovrei usare il JPG per un logo?
No. Il JPG non ha trasparenza (quindi aggiunge un riquadro di sfondo) ed è con perdita, il che sbava i bordi nitidi di un segno. Usa SVG o PNG per i loghi, mai JPG.
Quale formato do a uno stampatore?
Un file vettoriale — di solito un PDF o EPS esportato dal tuo logo — così lo stampatore può scalarlo a qualsiasi dimensione in modo pulito. Conserva l'SVG come master da cui li generi.
Fonti
- Scalable Vector Graphics (SVG) 2 — W3C
- Image file type and format guide — MDN Web Docs