JPG vs PNG: Quale formato immagine dovresti usare?

La differenza fondamentale: con perdita vs senza perdita

La distinzione centrale tra JPG e PNG si riduce a una sola scelta ingegneristica: come ciascun formato gestisce la compressione. Questa differenza influenza ogni altro aspetto del confronto — dimensione del file, qualità, supporto alla trasparenza e casi d'uso ideali.

Come funziona la compressione JPG (con perdita, basata su DCT)

JPG (scritto anche JPEG, acronimo di Joint Photographic Experts Group) utilizza la compressione con perdita basata sulla Discrete Cosine Transform (DCT). L'algoritmo è stato progettato specificamente per le fotografie e sfrutta i limiti della visione umana.

Ecco cosa accade quando un'immagine viene salvata come JPG:

1. Conversione dello spazio colore — l'immagine viene convertita da RGB a YCbCr, separando la luminanza (luminosità) dalla crominanza (colore). L'occhio umano è molto più sensibile alle variazioni di luminosità che a quelle di colore.
2. Sottocampionamento della crominanza — i canali colore (Cb e Cr) vengono tipicamente ridotti a metà risoluzione (4:2:0), riducendo immediatamente i dati colore del 50% con un impatto visivo minimo.
3. Divisione in blocchi 8×8 — l'immagine viene suddivisa in blocchi di 8×8 pixel, e ogni blocco viene trasformato in componenti di frequenza tramite la DCT.
4. Quantizzazione — le componenti ad alta frequenza (dettagli fini) vengono divise per numeri più grandi, arrotondandole verso zero. È qui che i dati vengono persi definitivamente. Il cursore della qualità (1–100) controlla l'aggressività di questa quantizzazione.
5. Codifica entropica — i valori rimanenti vengono compressi con la codifica di Huffman (JPEG baseline) o codifica aritmetica per la memorizzazione finale.

Il risultato è un file notevolmente più piccolo dell'originale ma visivamente convincente. A qualità 85, una fotografia tipica perde meno dell'1% della sua qualità percettiva, comprimendosi a circa il 10–15% della sua dimensione non compressa.

Come funziona la compressione PNG (senza perdita, basata su DEFLATE)

PNG (Portable Network Graphics) utilizza la compressione senza perdita basata sull'algoritmo DEFLATE — la stessa compressione usata nei file ZIP. Ogni singolo pixel dell'immagine originale viene preservato esattamente. Nessun dato viene mai scartato.

La compressione PNG avviene in due fasi:

1. Filtraggio — prima della compressione, ogni riga di pixel viene passata attraverso un filtro predittivo (Nessuno, Sub, Up, Average o Paeth). Il filtro stima il valore di ciascun pixel in base ai pixel vicini e memorizza la differenza. Per immagini con gradienti uniformi o pattern ripetuti, queste differenze sono per lo più zeri, che si comprimono molto bene.
2. Compressione DEFLATE — i dati filtrati vengono compressi con DEFLATE, che combina LZ77 (ricerca di sequenze di byte ripetuti) con la codifica di Huffman. È senza perdita — la decompressione ricostruisce perfettamente i dati filtrati originali, e invertire il filtro ricostruisce perfettamente i pixel originali.

La compressione PNG è più efficace su immagini con ampie aree di colore uniforme, bordi netti e pattern ripetuti — esattamente le caratteristiche di screenshot, loghi, icone ed elementi UI. Per le fotografie con variazione tonale continua, la compressione PNG è molto meno efficace perché i pixel adiacenti raramente sono identici.

Trasparenza: la funzionalità esclusiva di PNG

Una delle differenze pratiche più significative tra JPG e PNG è il supporto alla trasparenza.

PNG supporta un canale alfa completo con 256 livelli di trasparenza (0 = completamente trasparente, 255 = completamente opaco). Ciò significa che un'immagine PNG può avere bordi morbidi e anti-alias che si fondono perfettamente su qualsiasi sfondo. Ogni pixel porta il proprio valore di trasparenza indipendente, consentendo:

• Loghi su qualsiasi sfondo — un logo PNG con trasparenza funziona su pagine bianche, pagine scure, sfondi colorati e fotografie senza bordi visibili o aloni
• Sovrapposizioni semi-trasparenti — ombre portate, effetti vetro, dissolvenze da opaco a trasparente
• Forme irregolari — icone, adesivi, ritagli di prodotti con bordi morbidi e anti-alias
• Compositing a livelli — elementi UI, sprite di gioco e asset di design che devono sovrapporsi ad altri contenuti

JPG non ha alcun supporto alla trasparenza. Ogni pixel in un'immagine JPG è completamente opaco. Quando converti un PNG con trasparenza in JPG, le aree trasparenti devono essere riempite con un colore solido — tipicamente bianco. Non c'è modo di rappresentare la trasparenza parziale nella specifica del formato JPG.

Confronto delle dimensioni dei file

La dimensione del file è dove JPG e PNG differiscono in modo più drammatico — ma la differenza dipende interamente dal tipo di immagine. L'assunzione comune che "JPG sia sempre più piccolo" è sbagliata. La realtà è più sfumata.

Fotografie: JPG è da 5 a 10 volte più piccolo

Per fotografie e immagini con variazione tonale complessa e continua (scene naturali, ritratti, foto di prodotti), JPG produce file notevolmente più piccoli. Una fotografia da 24 megapixel che occupa 72 MB come dati RGB non compressi potrebbe comprimersi in:

• PNG: 35–50 MB (senza perdita — i pixel variano troppo perché DEFLATE possa comprimere efficacemente)
• JPG a qualità 92: 5–8 MB (visivamente indistinguibile dall'originale)
• JPG a qualità 85: 3–5 MB (eccellente qualità, artefatti trascurabili)
• JPG a qualità 70: 1,5–3 MB (buona qualità, leggero ammorbidimento visibile allo zoom 100%)

Il motivo è fondamentale: le fotografie hanno alta entropia. I pixel adiacenti differiscono di piccole quantità imprevedibili. La compressione senza perdita di PNG non riesce a rappresentare efficacemente questa casualità. L'approccio DCT di JPG sfrutta il fatto che queste variazioni fini sono al di sotto della soglia della percezione umana, scartandole per un enorme risparmio di spazio.

Grafica semplice: PNG può essere più piccolo

Per immagini con ampie aree di colore piatto, testo nitido, forme geometriche o palette di colori limitate, PNG può effettivamente produrre file più piccoli di JPG. Sembra controintuitivo, ma ha senso se capisci come funziona ciascun algoritmo:

• Un logo semplice con 5 colori e grandi aree solide si comprime molto bene con DEFLATE perché i filtri predittivi producono lunghe sequenze di zeri
• La trasformata DCT di JPG fatica con i bordi netti — la struttura a blocchi 8×8 crea artefatti di risonanza (fenomeno di Gibbs) attorno ai confini ad alto contrasto, e il codificatore deve usare più bit per rappresentare adeguatamente questi blocchi di bordo

Un logo da 500×500 pixel potrebbe essere 15 KB come PNG-8 (256 colori indicizzati) rispetto a 40 KB come JPG — PNG è quasi 3 volte più piccolo ed è anche perfettamente nitido.

Esempi reali di dimensioni dei file

Il pattern è chiaro: JPG domina per le fotografie (10 volte più piccolo), mentre PNG vince per la grafica semplice con colori piatti e bordi netti. Screenshot e infografiche si collocano nel mezzo, a seconda della complessità del contenuto.

Preservazione della qualità e degrado generazionale

Una delle differenze più importanti tra JPG e PNG è ciò che accade quando modifichi e risalvi un file più volte.

JPG: degrado generazionale ad ogni salvataggio

Ogni volta che apri un JPG, lo modifichi e lo risalvi, vengono persi ulteriori dati. Questo si chiama degrado generazionale. Ogni ciclo di salvataggio esegue nuovamente il processo di quantizzazione DCT, scartando ulteriori dettagli sopravvissuti al ciclo precedente. Dopo 10–20 cicli di apertura-modifica-salvataggio, il degrado diventa chiaramente visibile:

• I colori si spostano e diventano posterizzati
• Appaiono artefatti a griglia di blocchi 8×8 pixel
• I bordi netti diventano sempre più sfocati
• Le texture fini (capelli, tessuto, fogliame) si trasformano in una poltiglia
• Gli artefatti di risonanza (rumore mosquito) si intensificano attorno ai confini ad alto contrasto

Questo è particolarmente problematico per i flussi di lavoro in cui le immagini vengono modificate più volte: grafica, creazione di contenuti per i social media ed editing fotografico collaborativo. Ogni persona che apre il JPG, lo ritaglia o lo regola e lo risalva introduce un altro ciclo di degrado.

PNG: salvataggi infiniti senza degrado

PNG preserva ogni pixel perfettamente indipendentemente da quante volte il file viene aperto, modificato e risalvato. Poiché la compressione PNG è senza perdita, la decompressione produce sempre i dati pixel originali esatti. Modificare e risalvare semplicemente ricomprime i pixel (possibilmente modificati) senza perdita. Non c'è degrado generazionale, nessun artefatto accumulato e nessun degrado della qualità nel tempo.

Questo rende PNG la scelta corretta per:

• File di lavoro — asset di design, template e file sorgente che verranno modificati molte volte
• Screenshot per la documentazione — testo ed elementi UI devono rimanere perfettamente nitidi attraverso qualsiasi numero di modifiche
• Copie di archivio — quando hai bisogno di preservare i dati pixel esatti a tempo indeterminato
• Materiale sorgente per esportazioni future — conservare un master PNG ti consente di esportare in JPG a qualsiasi livello di qualità in seguito

Profondità del colore

Sia JPG che PNG supportano milioni di colori, ma le loro capacità di profondità del colore differiscono in modi importanti.

JPG supporta 8 bit per canale (colore a 24 bit), che fornisce 16,7 milioni di colori possibili. Questo è sufficiente per praticamente tutte le fotografie e i contenuti web. JPG non supporta immagini a 16 bit per canale né modalità colore indicizzate.

PNG supporta più modalità di profondità del colore:

• PNG-24 (truecolor): 8 bit per canale, 16,7 milioni di colori — uguale a JPG ma senza perdita
• PNG-32 (truecolor + alfa): 8 bit per canale più trasparenza alfa a 8 bit — 32 bit per pixel in totale
• PNG-48 (deep color): 16 bit per canale, 281 trilioni di colori possibili — usato nell'imaging scientifico, medico e nei flussi di lavoro fotografici di alta gamma
• PNG-8 (indicizzato): palette di 256 colori con trasparenza opzionale a 1 bit — file estremamente piccoli per la grafica semplice
• Scala di grigi: 1, 2, 4, 8 o 16 bit per pixel per immagini monocromatiche

Per l'uso web, il supporto a 8 bit per canale in entrambi i formati è più che sufficiente. La modalità PNG a 16 bit è rilevante per flussi di lavoro specializzati: astrofotografia, imaging medico, compositing ad alta gamma dinamica e visualizzazione di dati scientifici dove le sottili differenze tonali portano informazioni.

JPG vs PNG: tabella di confronto completa

Quando usare JPG

JPG è la scelta corretta quando la dimensione del file è importante e l'immagine contiene variazione tonale complessa e continua. Questi sono i casi d'uso principali:

• Fotografie — ritratti, paesaggi, foto di eventi, fotografia di prodotti. JPG è stato progettato specificamente per i contenuti fotografici. Una foto da 12 megapixel a qualità 85 produce un JPG da 2–5 MB rispetto a un PNG da 25–40 MB.
• Immagini hero e sfondi web — grandi immagini banner che devono caricarsi rapidamente. Un'immagine hero 1920×1080 a qualità 85 è circa 200–400 KB come JPG, sufficientemente veloce per la maggior parte delle connessioni.
• Upload sui social media — ogni grande piattaforma (Instagram, Facebook, Twitter/X, LinkedIn) ricomprime comunque le immagini caricate in JPG. Caricare un JPG ti dà più controllo sulla qualità iniziale rispetto a lasciare che la compressione aggressiva della piattaforma decida.
• Allegati email — le foto JPG sono abbastanza piccole da allegare direttamente. Una versione PNG della stessa foto potrebbe superare i limiti di dimensione dell'email.
• Miniature e anteprime — piccole immagini di anteprima dove la dimensione del file deve essere minima e gli artefatti con perdita sono invisibili a dimensioni ridotte.
• Stampa fotografica — i laboratori fotografici professionali accettano JPG a qualità 95–100. A queste impostazioni, la compressione è quasi senza perdita pur essendo significativamente più piccola di PNG.

Quando usare PNG

PNG è la scelta corretta quando la precisione pixel-perfect, la trasparenza o la preservazione dei bordi netti contano più della dimensione del file:

• Loghi e marchi — i loghi devono rimanere nitidi a ogni dimensione e fondersi perfettamente su qualsiasi sfondo. PNG con trasparenza è il formato standard per la distribuzione dei loghi.
• Icone ed elementi UI — icone di app, grafica dei pulsanti, elementi di navigazione e componenti dell'interfaccia richiedono bordi perfetti e spesso necessitano di trasparenza.
• Screenshot — testo, codice, menu ed elementi dell'interfaccia negli screenshot hanno bordi netti ad alto contrasto che JPG gestisce male. Uno screenshot JPG di un editor di codice mostra artefatti visibili attorno a ogni carattere.
• Immagini ricche di testo — qualsiasi immagine contenente testo leggibile (infografiche con corpo del testo, diagrammi con etichette, meme con didascalie) dovrebbe usare PNG per mantenere il testo nitido.
• Disegni al tratto e illustrazioni — grafica in stile vettoriale, diagrammi tecnici, grafici e chart con linee pulite e colori piatti.
• Pixel art — la grafica retro dei videogiochi e la pixel art devono preservare i valori esatti dei pixel. JPG sfocherebbe i confini di pixel intenzionalmente netti.
• Imaging medico e scientifico — qualsiasi applicazione in cui i dati pixel esatti portano informazioni diagnostiche o di misurazione. La compressione con perdita è inaccettabile.
• File di lavoro/sorgente — asset di design che verranno modificati, stratificati o riesportati più volte. PNG evita il degrado generazionale.

Guida rapida alla decisione

Quando non sei sicuro di quale formato usare, segui questo processo decisionale:

1. L'immagine ha bisogno di trasparenza? → PNG. JPG non supporta la trasparenza.
2. È una fotografia o un'immagine naturale complessa? → JPG. La compressione con perdita produce file da 5 a 10 volte più piccoli con una perdita di qualità impercettibile.
3. Contiene testo, bordi netti o disegni al tratto? → PNG. JPG crea artefatti visibili attorno ai confini ad alto contrasto.
4. È uno screenshot? → PNG. Gli screenshot hanno elementi UI, testo e bordi netti che degradano sotto la compressione JPG.
5. È un logo o un'icona? → PNG. I loghi necessitano di bordi perfetti e di solito hanno bisogno di trasparenza.
6. Il file verrà modificato e risalvato più volte? → PNG. Evita il degrado generazionale dai salvataggi JPG ripetuti.
7. La velocità di caricamento della pagina web è la priorità? → JPG per le foto, PNG per la grafica (PNG-8 per la grafica semplice è minuscolo).
8. Non sei sicuro? → Salva come PNG. Puoi sempre convertire in JPG in seguito. Non puoi convertire JPG in PNG e recuperare i dati persi.

Capire gli artefatti di compressione JPG

Quando la compressione JPG è impostata troppo aggressivamente (valori di qualità bassi), diventano visibili diversi tipi di artefatti visivi. Capire questi artefatti ti aiuta a scegliere impostazioni di qualità appropriate e a sapere quando evitare del tutto JPG.

Artefatti a blocchi (griglia DCT)

Poiché JPG elabora le immagini in blocchi di 8×8 pixel, una compressione aggressiva può rendere visibili i confini dei blocchi come un pattern a griglia sovrapposto all'immagine. Questo è più evidente nei gradienti uniformi (come il cielo) dove l'occhio si aspetta una variazione tonale continua. A qualità 50 o inferiore, i blocchi diventano chiaramente visibili nella maggior parte delle fotografie.

Artefatti di risonanza (rumore mosquito)

JPG ha difficoltà con i bordi netti ad alto contrasto. La trasformata DCT produce il fenomeno di Gibbs — artefatti oscillanti attorno alle transizioni brusche. Questo appare come un alone di rumore che circonda testo, loghi e qualsiasi confine netto tra aree scure e chiare. Questo è il motivo principale per cui JPG non è adatto per screenshot e immagini ricche di testo.

Banding cromatico e posterizzazione

In aree con gradienti sottili (tonalità della pelle, cieli al tramonto, sfondi a tinta unita), la compressione JPG può ridurre il numero di passi di colore visibili, creando bande visibili invece di transizioni fluide. Questo è esacerbato dal sottocampionamento della crominanza, che dimezza la risoluzione del colore prima che la compressione DCT abbia anche solo inizio.

Spostamento cromatico

I salvataggi JPG ripetuti causano una deriva cromatica cumulativa poiché il processo di quantizzazione arrotonda i valori in direzioni leggermente diverse ad ogni ciclo. Dopo molte generazioni, i grigi originariamente neutri possono acquisire una dominante di colore, e i colori saturi possono cambiare tonalità. Questo è uno degli effetti più insidiosi del degrado generazionale perché è difficile da invertire.

Contesto 2026: WebP e AVIF

Mentre JPG e PNG rimangono i formati di base universali, due alternative più recenti sono sempre più rilevanti nel 2026:

WebP: il meglio di entrambi i mondi

Sviluppato da Google e rilasciato nel 2010, WebP supporta sia la compressione con perdita che senza perdita, oltre a trasparenza e animazione — combinando i punti di forza sia di JPG che di PNG in un unico formato. Le immagini WebP con perdita sono tipicamente 25–35% più piccole dei file JPG equivalenti alla stessa qualità visiva. Le immagini WebP senza perdita sono tipicamente 26% più piccole di PNG.

A partire dal 2026, WebP gode di un supporto browser superiore al 97% (tutti i browser moderni inclusi Chrome, Firefox, Safari, Edge e Opera). Safari ha aggiunto il supporto WebP nel 2020, eliminando l'ultimo grande ritardatario.

AVIF: compressione di nuova generazione

AVIF (AV1 Image File Format) è basato sul codec video AV1 e offre una compressione ancora migliore di WebP. Le immagini AVIF con perdita sono circa 50% più piccole dei file JPG equivalenti e supportano trasparenza, ampia gamma cromatica (HDR) e fino a 12 bit di profondità del colore.

Il supporto browser per AVIF è circa 93% nel 2026 (Chrome, Firefox, Safari 16.4+, Edge). La codifica è più lenta di JPG o WebP, ma le prestazioni di decodifica sono competitive.

Perché JPG e PNG sono ancora importanti

Nonostante i vantaggi di WebP e AVIF, JPG e PNG rimangono essenziali nel 2026 per diversi motivi:

• Compatibilità universale — JPG e PNG funzionano in ogni applicazione, sistema operativo, client email e dispositivo prodotto negli ultimi 30 anni. WebP e AVIF incontrano ancora casi limite in software più vecchi, client email e applicazioni native.
• Requisito di fallback — anche i siti web che servono WebP o AVIF tramite l'elemento <picture> devono fornire fallback JPG/PNG per il restante 3–7% dei browser e per i crawler, le anteprime dei social media e i lettori RSS.
• Ecosistema di editing — Photoshop, GIMP, Lightroom e la maggior parte degli editor di immagini usano JPG e PNG come formati principali di importazione/esportazione. Il supporto per WebP e AVIF è in crescita ma non ancora universale.
• Social media e email — piattaforme come Instagram, Facebook e i client email accettano JPG e PNG in modo affidabile. Il supporto per l'upload WebP è incoerente tra le piattaforme.
• Flussi di lavoro di stampa — il settore della stampa utilizza JPG (per le foto) e PNG/TIFF (per la grafica). WebP e AVIF non hanno alcuna presenza nella stampa.

Convertire tra JPG e PNG

A volte hai bisogno di convertire tra formati. Ecco quando ha senso ciascuna direzione:

Da PNG a JPG: ridurre la dimensione del file

Converti PNG in JPG quando hai un'immagine fotografica salvata come PNG e hai bisogno di un file più piccolo. Questo è comune con:

• Screenshot da telefoni che salvano come PNG
• Immagini esportate da strumenti di design alla massima qualità
• Documenti scansionati e fotografie
• Immagini che devono essere caricate su piattaforme con limiti di dimensione

Durante la conversione, CleverUtils usa qualità 92, che fornisce un eccellente equilibrio tra riduzione della dimensione del file e qualità visiva. Le aree trasparenti vengono appiattite su bianco e lo spazio colore viene standardizzato a sRGB per la massima compatibilità.

Da JPG a PNG: preservare per l'editing

Converti JPG in PNG quando hai bisogno di modificare un'immagine e prevenire ulteriore degrado generazionale. Convertire in PNG non migliora la qualità dell'immagine — i dati persi durante la compressione JPG sono andati definitivamente. Tuttavia, preserva lo stato attuale dell'immagine senza perdita, assicurando che le modifiche e i salvataggi successivi non introducano ulteriore degrado.