JPG vs PNG: quale formato scegliere e quando

Cos'è il JPG e come funziona

Il formato JPEG (Joint Photographic Experts Group) usa un algoritmo di compressione lossy: ad ogni salvataggio scarta alcune informazioni visive per ridurre il peso del file. Questo lo rende ideale per fotografie e immagini con molte sfumature di colore, dove una leggera perdita di qualità è impercettibile.

Un JPG tipico pesa 3–10 volte meno di un PNG equivalente, ma ogni ri-salvataggio degrada ulteriormente la qualità.

Cos'è il PNG e come funziona

Il PNG (Portable Network Graphics) usa compressione lossless: il file viene compresso senza perdere alcuna informazione. Questo garantisce qualità pixel-perfect ad ogni salvataggio. Il PNG supporta inoltre il canale alfa, ovvero la trasparenza.

È la scelta obbligata per loghi, icone, screenshot con testo e qualsiasi immagine che deve mantenere bordi netti su sfondi trasparenti.

Tabella comparativa JPG vs PNG

Quando usare JPG

• Fotografie di prodotti, persone, paesaggi
• Immagini con molti colori e sfumature
• Quando il peso del file è prioritario (web performance)
• Immagini che non richiedono trasparenza

Quando usare PNG

• Loghi e icone con sfondi trasparenti
• Screenshot con testo e interfacce UI
• Grafiche con colori piatti e bordi netti
• Immagini che verranno modificate più volte

E WebP? Il formato del futuro

WebP combina il meglio dei due mondi: compressione lossy e lossless, supporto alla trasparenza, file 25–35% più leggeri di JPG. È supportato da tutti i browser moderni dal 2020. Se stai ottimizzando immagini per il web, WebP è la scelta migliore oggi.

FAQ

Compressione lossy vs lossless: cosa succede davvero ai tuoi pixel

JPEG usa la compressione lossy (con perdita): l'immagine viene divisa in blocchi 8×8 pixel, ogni blocco viene trasformato con DCT (Discrete Cosine Transform) e i dettagli ad alta frequenza (bordi netti, texture fini) vengono scartati in misura variabile a seconda del livello di qualità. A 85% la perdita è quasi impercettibile; a 60% iniziano gli artefatti di blocco (pixelation ai bordi). Il problema: ogni salvataggio successivo in JPG (re-encoding) perde ulteriore qualità — lavora sempre sull'originale RAW o PNG per editing. PNG usa la compressione lossless (senza perdita) con l'algoritmo DEFLATE — ogni pixel è perfettamente preservato ad ogni salvataggio. Il file è più grande ma ideale per grafica con testo, loghi, screenshot e qualsiasi immagine che deve essere modificata più volte.

Trasparenza: perché PNG è l'unica scelta per i loghi

JPEG non supporta la trasparenza — le aree trasparenti vengono riempite con bianco (o il colore specificato). PNG supporta la trasparenza a livello di canale alpha a 8 bit (256 livelli di opacità per pixel). Questo significa che un logo su sfondo trasparente mantiene bordi perfettamente smussati (anti-aliasing) su qualsiasi colore di sfondo. Se converti un PNG con trasparenza in JPG e poi lo usi su uno sfondo colorato, vedrai un "alone" bianco attorno all'immagine — errore frequente nel web design. WebP supporta trasparenza come PNG ma con file più leggeri — è l'alternativa moderna a PNG per i loghi web.

Quando JPG batte PNG in qualità percepita

Per le fotografie digitali, JPG a 85-90% è spesso visivamente migliore di PNG a parità di dimensione file. Il motivo: PNG comprime senza perdita ma le fotografie hanno variazioni di colore continue che richiedono molti bit — PNG di una fotografia è 3-5× più grande del JPEG equivalente. Con lo stesso budget di byte, il JPG a qualità medio-alta mostra più dettaglio visivo della foto rispetto al PNG dello stesso peso. Regola pratica: JPG per fotografie, PNG per grafica con colori uniformi, testo e trasparenza.