JPEG vs PNG: quale formato immagine occupa meno spazio?
JPEG vince per immagini fotografiche. PNG vince per grafica con bordi netti, trasparenza o testo. La differenza risiede nella filosofia di compressione.
JPEG (Joint Photographic Experts Group)
- Compressione: Lossy (scarta dati ridondanti percettivamente)
- Ideale per: Foto, immagini a tono continuo, gradienti
- Compressione tipica: 10:1 a 20:1 con buona qualità visiva
- Esempio dimensione file: Foto 24 MP → 5-10 MB (qualità 85-90)
- Compromesso: Perdita generazionale al riesame; artefatti ad alta compressione
- Nessun supporto trasparenza
PNG (Portable Network Graphics)
- Compressione: Lossless (DEFLATE — tipo zip)
- Ideale per: Screenshot, elementi UI, loghi, testo, disegni lineari, trasparenza
- Compressione tipica: 2:1 a 5:1 per foto (scarsa); eccellente per grafica a colori piatti
- Esempio dimensione file: Stessa foto 24 MP → 20-50 MB
- Supporta: Trasparenza alpha (per pixel), correzione gamma, interlacciamento
Quando usare ciascuno
| Scenario | Formato consigliato |
|---|---|
| Foto fotocamera digitale, foto web | JPEG (qualità 80-90) |
| Screenshot, mockup UI, diagrammi | PNG |
| Loghi, icone, illustrazioni con trasparenza | PNG |
| Immagini ricche di testo (scansioni, documenti) | PNG (o TIFF) |
| Copie master/archivio | TIFF, DNG, PNG (lossless) |
| Grafica web con trasparenza | PNG (o WebP, AVIF) |
| Upload social media | JPEG (le piattaforme ricomprimono comunque) |
Alternative moderne
- WebP: Lossy + lossless, trasparenza, 25-35% più piccolo di JPEG/PNG. Supporto universale browser.
- AVIF: Migliore efficienza di compressione, HDR, trasparenza. Supporto in crescita.
- HEIC/HEIF: Default Apple/telefono. Migliore di JPEG, compatibilità web limitata.
In sintesi
Per foto: JPEG (o WebP/AVIF). Per grafica con trasparenza/bordi netti: PNG (o WebP/AVIF). Non usare mai PNG per foto a meno che lossless sia obbligatorio e lo storage illimitato.