Se hai già dovuto mettere un logo su uno sfondo colorato e hai visto apparire quel fastidioso riquadro bianco intorno all'immagine, il problema era il formato. Il PNG è stato creato per risolvere esattamente questo — tra le altre cose. È il formato predefinito per qualsiasi immagine che necessiti di sfondo trasparente o che non possa perdere qualità al salvataggio.
Cosa significa PNG?
PNG significa Portable Network Graphics — "grafica di rete portatile". Il formato è stato creato nel 1995 come alternativa aperta e senza royalty al GIF, e rapidamente è diventato uno dei formati di immagine più usati sul web. A differenza del JPG, il PNG utilizza compressione senza perdita (lossless), il che significa che nessuna informazione sui pixel viene scartata al salvataggio del file.
Come funziona il PNG?
Il PNG usa un algoritmo di compressione chiamato DEFLATE — lo stesso usato nei file ZIP — combinato con filtri di predizione dei pixel. Il processo analizza gli schemi ripetitivi nell'immagine e li codifica in modo più efficiente, senza scartare alcuna informazione originale.
Il risultato è che un PNG salvato e riaperto dieci volte è identico al file originale, pixel per pixel. Questo rende il formato ideale per qualsiasi contesto in cui la fedeltà visiva sia critica — come screenshot, loghi e immagini che verranno modificate più volte.
Il PNG supporta anche un canale speciale chiamato canale alpha, che controlla la trasparenza di ogni pixel individualmente. Un pixel può essere completamente opaco, completamente trasparente o qualsiasi livello di semi-trasparenza tra i due estremi — il che permette bordi sfumati e ombre con trasparenza reale.
Quali sono i vantaggi del PNG?
- Trasparenza con canale alpha: supporto completo alla trasparenza, inclusa la semi-trasparenza e i bordi sfumati. È l'unico formato ampiamente supportato che permette di mettere immagini su qualsiasi sfondo senza riquadro bianco.
- Compressione senza perdita: la qualità originale viene preservata integralmente, indipendentemente da quante volte il file venga salvato o riaperto.
- Ideale per testo e grafica nitida: bordi dritti, testo e aree di colore solido rimangono perfettamente nitidi nel PNG, senza gli artefatti di compressione che appaiono nel JPG.
- Compatibilità universale: supportato su tutti i browser, sistemi operativi e software di editing di immagini.
- Supporto a colori profondi: il PNG supporta immagini a 8 bit (256 colori), 24 bit (16,7 milioni di colori) e fino a 48 bit per applicazioni professionali.
Quali sono i limiti del PNG?
- File più grandi per le foto: la compressione senza perdita è meno efficiente della compressione lossy del JPG per le fotografie. Una foto in PNG può essere da 5 a 10 volte più grande della stessa foto in JPG con qualità visiva equivalente.
- Nessun supporto per l'animazione: il PNG è un formato statico. Per immagini animate con trasparenza, WebP o APNG (PNG animato) sono alternative, ma con supporto più limitato.
- Non adatto a foto nei siti web: usare il PNG per fotografie nei siti web può danneggiare significativamente le prestazioni di caricamento. Per le foto, JPG o WebP sono sempre la scelta giusta.
💡 Regola pratica: usa il PNG quando l'immagine ha uno sfondo trasparente, quando è un logo, un'icona, uno screenshot o qualsiasi grafica con testo e bordi nitidi. Per le fotografie nei siti web, preferisci JPG o WebP — sono molto più leggeri senza perdita visiva percepibile.
PNG-8 vs PNG-24 — qual è la differenza?
| Caratteristica | PNG-8 | PNG-24 |
|---|---|---|
| Numero di colori | Fino a 256 colori | Fino a 16,7 milioni di colori |
| Trasparenza | Binaria (sì o no per pixel) | Canale alpha completo (256 livelli) |
| Dimensione del file | Minore | Maggiore |
| Ideale per | Icone semplici, grafica con pochi colori | Loghi, immagini con semi-trasparenza |
Per la maggior parte degli usi moderni — specialmente loghi e immagini con bordi sfumati — il PNG-24 è il più indicato, poiché garantisce trasparenza totale con qualsiasi livello di opacità.
Quando usare il PNG?
Usa il PNG nelle seguenti situazioni:
- Loghi e identità visiva: quando il logo deve essere posizionato su sfondi di colori diversi senza riquadro bianco.
- Screenshot: interfacce, dashboard e schermate di sistema rimangono con testo perfettamente nitido nel PNG.
- Icone ed elementi UI: pulsanti, illustrazioni ed elementi di interfaccia che necessitano di bordi puliti.
- Immagini da modificare: ogni volta che l'immagine verrà aperta, modificata e salvata ripetutamente, il PNG evita la perdita di qualità cumulativa del JPG.
- Infografiche con testo: grafici e immagini che combinano testo ed elementi visivi rimangono molto più nitidi nel PNG.
PNG vs JPG vs WebP — confronto completo
| Caratteristica | PNG | JPG | WebP |
|---|---|---|---|
| Compressione | Senza perdita (lossless) | Con perdita (lossy) | Entrambi |
| Trasparenza | Sì (canale alpha) | No | Sì |
| Ideale per foto | No | Sì | Sì |
| Ideale per loghi e icone | Sì | No | Sì |
| Dimensione per foto | Molto grande | Piccola | Molto piccola |
| Dimensione per loghi | Piccola-media | Media (con artefatti) | Piccola |
| Supporto universale | Sì | Sì | Browser moderni |
Come ridurre la dimensione dei file PNG?
Anche essendo un formato senza perdita, è possibile ridurre significativamente la dimensione di un PNG. Le tecniche includono la riduzione della profondità colore (da PNG-24 a PNG-8, quando l'immagine usa pochi colori), la rimozione dei metadati non necessari e l'applicazione di algoritmi di compressione più efficienti come quelli usati dal compressore di immagini di ImageTools. In molti casi, è possibile ridurre la dimensione di un PNG del 30-50% senza alcuna perdita visiva.
Comprimi i tuoi PNG senza perdere qualità
Riduci la dimensione dei file PNG mantenendo la trasparenza e la nitidezza originali. Gratuito e direttamente nel browser.
Comprimi immagini PNG