JPG vs PNG: i due formati di immagine a confronto

JPG e PNG sono da decenni i formati grafici in assoluto più importanti (in particolare in ambito web). Entrambi hanno vari vantaggi e svantaggi. I formati più recenti, come HEIF per le foto e WebP per gli elementi grafici, stanno incontrando un apprezzamento crescente; tuttavia, la loro diffusione non è ancora paragonabile a quella dei formati JPG o PNG.

Cos’è JPG o JPEG?

JPEG è il più comune formato grafico per le foto. La compressione dell’immagine utilizzata da questo formato è stata definita nel 1992 nella norma ISO/IEC 10918-1. Il nome JPEG deriva da Joint Photographic Experts Group che ha sviluppato questo standard. Poiché solitamente le estensioni dei file prevedono solo tre caratteri, come estensione per i file immagine è stata concordata la sigla JPG.

Cos’è PNG?

PNG è un formato grafico che risulta adatto in particolare per grafiche pixel, screenshot e loghi. Il formato PNG, la cui sigla significa Portable Network Graphics, è stato sviluppato da un gruppo di lavoro del World Wide Web Consortium (W3C) a partire dal 1994 e in seguito sancito nello standard ISO/IEC 15948:2003.

PNG lavora senza perdita e permette di definire diverse profondità cromatiche e tavolozze di colori flessibili. È stato sviluppato anche allo scopo di creare un’alternativa gratuita al formato GIF vincolato all’acquisto di una licenza. Come il formato GIF, infatti, anche quello PNG supporta un canale alfa per definire nell’immagine aree trasparenti che, tra le altre cose, sono necessarie per creare loghi e icone per siti web e app.

Al contrario di GIF, in cui soltanto uno dei 256 colori possibili può essere trasparente, PNG offre un vero e proprio canale alfa che permette anche aree semitrasparenti, ad esempio per realizzare dissolvenze.

JPG: in che modo la compressione influisce sulla qualità?

La regola di base è la seguente: tanto maggiore è il rapporto di compressione di una foto JPG, quanto peggiore è la qualità. Nei programmi di elaborazione di immagini, la compressione viene indicata come un valore della qualità: un valore di 100 corrisponde a una qualità al cento per cento senza compressione.

A questo riguardo, non esiste un rapporto lineare tra il grado di compressione e le dimensioni del file. Già a basse compressioni, in cui la qualità è ancora molto elevata, è possibile ottenere riduzioni significative delle dimensioni dei file.

La foto raffigurata, ad esempio, ha una dimensione non compressa di 22,16 MB con una risoluzione di 4.000 x 1.936 pixel. Già al livello di qualità 95 raffigurato, la compressione JPEG porta le dimensioni del file a 1,25 MB. Nella maggior parte delle fotocamere e degli smartphone, 95 è l’impostazione standard della qualità per il salvataggio di foto in formato JPG.

La compressione al livello di qualità 60 riduce le dimensioni del file a 194 KB, ossia il 15 percento circa rispetto al livello di qualità 95. Nell’immagine, la differenza è appena percepibile:

Con una compressione maggiore, la qualità dell’immagine appare molto più scarsa a fronte di una riduzione trascurabile delle dimensioni del file. Nel cielo blu della foto esemplificativa, ad esempio, al livello di qualità 25 sono chiaramente riconoscibili artefatti sotto forma di anelli cromatici e il colore non è più uniforme:

In caso di forte ingrandimento, gli artefatti della compressione JPEG sono visibili già a livelli di qualità medi, come mostra l’esempio seguente. Per questo motivo la qualità JPG delle fotografie che si desidera far stampare su carta a definizione molto elevata attraverso i servizi di foto online o nei supermercati dovrebbe rimanere quanto possibile invariata rispetto all’originale.

L’immagine ingrandita mostra che gli artefatti di compressione diventano particolarmente visibili su superfici monocromatiche e in corrispondenza di bordi a elevato contrasto. Per questo motivo il formato JPG non è adatto per le grafiche con aree cromatiche estese, per gli screenshot e per le icone.

JPEG progressivo per una visualizzazione più rapida

A seconda delle prestazioni del sistema e della velocità di trasferimento, la visualizzazione di foto molto pesanti può richiedere un po’ di tempo. Le foto in JPG sono composte da cosiddetti coefficienti, ossia blocchi di 8 x 8 pixel, che normalmente vengono salvati in successione. L’immagine viene pertanto costruita riga per riga.

Con il JPEG progressivo viene dapprima salvato un valore cromatico medio di ciascun coefficiente. In questo modo, in brevissimo tempo è possibile visualizzare un’immagine sfocata con pixel grandi, a cui fanno seguito informazioni cromatiche per un quarto e un sesto di ciascun coefficiente. La qualità della visualizzazione aumenta progressivamente. Chi osserva può tuttavia ottenere sin da subito un’idea dell’immagine, senza dover attendere che quest’ultima venga costruita riga per riga.

Perdite da compressione dovute all’elaborazione dell’immagine

I programmi di elaborazione di immagini elaborano ogni singolo pixel di un’immagine presente nel file, vale a dire anche i pixel il cui colore è stato falsato dalla compressione. Se su un’immagine viene applicato un filtro cromatico o un effetto, oppure se l’immagine viene ridimensionata, al successivo salvataggio viene eseguita una nuova compressione e si verifica quindi un peggioramento della qualità.

I contrasti sui bordi o i colori andati perduti non potranno più essere recuperati. Soprattutto se in seguito si tenta di aumentare la nitidezza dell’immagine, gli artefatti di compressione risulteranno accentuati. Tanto minore è il livello di qualità di una foto, quanto più evidenti saranno gli effetti degli interventi successivi sulla qualità. In questo caso, aumentare nuovamente il livello della qualità in un momento successivo non serve a nulla.

JPG vs PNG: screenshot

In qualunque tipologia di documentazione relativa a programmi informatici è necessario fare ricorso a screenshot di finestre Windows o di app per smartphone. L’ideale è creare questi screenshot in formato PNG, opzione peraltro già preimpostata in quasi tutti i programmi per fare screenshot. Anche gli smartphone Android, ad esempio, salvano gli screenshot automaticamente in formato PNG.

Gli screenshot sono realizzati con linee diritte e ben definite, con contrasti nitidi e superfici monocromatiche, senza sfumature. Tutte queste caratteristiche sono grandi punti deboli del formato JPG. I seguenti screenshot di una finestra di dialogo di Windows 10 mostrano la differenza tra il formato JPG e il formato PNG.

La differenza di qualità tra JPG e PNG risulta particolarmente evidente quando le immagini vengono ingrandite. Lo screenshot seguente mostra gli artefatti del formato JPG nell’area della tavolozza dei colori e attorno alle lettere nere su sfondo bianco.

JPG vs PNG: panoramica dei vantaggi e degli svantaggi

Tra i formati JPG e PNG esistono numerose differenze. Entrambi i formati di immagine presentano vantaggi e svantaggi, riassunti nella tabella seguente.

JPG o PNG? Estensioni e nuovi formati

Oltre a formati più recenti come HEIF per foto o WebP per grafica, sono stati fatti ripetuti tentativi di estendere i due noti formati immagine JPG e PNG. Finora, tuttavia, nessuno di questi formati è riuscito nemmeno lontanamente a raggiungere il grado di diffusione di JPG o PNG.

JPEG 2000

JPEG 2000, non compatibile con il formato JPEG, consente una migliore compressione a pari livello di qualità o compressione senza perdita. Alcune aree dell’immagine, più ricche di dettagli, possono essere visualizzate con una qualità migliore rispetto alle aree meno importanti. Sono possibili più di 8 bit per canale colore e dimensioni dell’immagine molto più grandi.

Per la visualizzazione è possibile scegliere tra diverse modalità di progressione e i metadati possono contenere qualunque informazione in formato XML. Le possibili estensioni dei file sono: .jp2, .j2k, .jpf, .jpg2, .jpx, .jpm. Nonostante i numerosi vantaggi, JPEG 2000 non è finora riuscito a soppiantare il classico JPEG.

JNG

JPEG Network Graphics (JNG) amplia il formato JPEG di un canale alfa che può essere integrato senza perdita sotto forma di flusso di dati PNG. Il formato non ha un proprio tipo MIME registrato.

APNG

Il formato Animated Portable Network Graphics (APNG) aggiunge al formato PNG le animazioni, analogamente a quanto possibile con il formato GIF.

PNG+

Amplia il formato PNG aggiungendo livelli di immagine (layer) e layout multipagina. Questo formato è stato utilizzato solo dal programma Microsoft Picture It! (ora sospeso) e non è riuscito ad affermarsi.

WebP

Il formato di immagine WebP è stato sviluppato da Google e pubblicato nel 2010, per unire JPEG, PNG e GIF in un unico formato moderno. Supporta sia la compressione con che senza perdita, inclusi trasparenza (canale alfa) e animazioni. WebP offre dimensioni di file notevolmente più piccole rispetto a JPG o PNG con una qualità d’immagine comparabile. Lo standard è oggi supportato da tutti i principali browser (Chrome, Firefox, Edge, Safari) ed è particolarmente ottimizzato per l’uso sul web. L’estensione del file è .webp.

AVIF

AVIF (AV1 Image File Format) si basa sul moderno codec video AV1 e offre una compressione delle immagini molto efficiente con alta qualità delle immagini. Supporta la compressione senza e con perdita, alta profondità di colore, HDR, trasparenza e animazioni. Rispetto a WebP, AVIF raggiunge solitamente dimensioni di file più piccole con la stessa qualità, ma richiede più potenza di calcolo nella codifica e decodifica. È sempre più supportato dai browser e dalle piattaforme moderne. L’estensione del file è .avif.

JPEG XL

Anche JPEG XL è stato concepito come un moderno successore di formati classici come JPEG, PNG e GIF e offre sia compressione senza che con perdita di dati. Supporta alte profondità di colore, grandi dimensioni delle immagini, animazioni, trasparenza ed è inoltre compatibile retroattivamente con JPEG; i JPG esistenti possono quindi essere convertiti senza perdita di qualità. Il suo utilizzo è attualmente ancora limitato, poiché piattaforme importanti come Google Chrome hanno temporaneamente sospeso il supporto. L’estensione del file è .jxl.

JPG o PNG: per quale impiego è più indicato ciascun formato?

Il formato JPG è stato sviluppato per le foto e, per questo, dà il meglio di sé in quest’ambito. Soprattutto le immagini di panorami o persone non mostrano quasi alcun artefatto da compressione. Grazie alle ridotte dimensioni dei file, il formato JPG si adatta bene per creare le immagini destinate ai siti web. Qualche artefatto è visibile soltanto nelle fotografie di prodotti molto dettagliate e con bordi ben definiti. Anche la rimozione dello sfondo per l’isolamento di oggetti all’interno di fotografie di prodotti viene resa più difficoltosa dalla compressione.

Il formato PNG è adatto a tutti i tipi di elementi grafici in cui sono presenti bordi definiti e superfici monocromatiche. Lo stesso vale per gli screenshot e per la conversione di grafiche vettoriali in grafiche raster nei sistemi che non sono in grado di rappresentare grafiche vettoriali. Il canale alfa consente di impostare aree dell’immagine trasparenti, particolarmente importanti per creare icone per app e siti web.

Per decidere rapidamente quale formato di immagine sia più adatto al tuo caso d’uso, può essere utile dare un’occhiata al nostro diagramma ad albero: