ToolBox Image — Come funziona realmente la compressione delle immagini (in 5 minuti)

JPEG, WebP, AVIF — cosa fanno, i loro compromessi e come scegliere il codificatore giusto.

La compressione delle immagini è un problema risolto in linea di principio, ma scegliere il formato o la qualità sbagliata può sprecare larghezza di banda, rallentare il sito o produrre artefatti visibili. Ecco una guida pratica su come funzionano i principali formati e quando utilizzarli.

Con perdita vs senza perdita

Ogni formato immagine rientra in una di due categorie. I formati senza perdita preservano ogni pixel dell'originale — l'immagine decodificata è identica bit per bit alla sorgente. I formati con perdita scartano informazioni a cui l'occhio umano è meno sensibile, ottenendo file molto più piccoli a costo di una certa fedeltà.

La scelta dipende dal caso d'uso. Le fotografie e i gradienti tollerano bene la compressione con perdita perché gli artefatti sono difficili da notare a dimensioni di visualizzazione normali. Screenshot, testo, loghi e grafiche con bordi netti necessitano di codifica senza perdita per rimanere nitidi.

JPEG: lo standard universale

JPEG è stato il formato immagine dominante sul web per tre decenni. Utilizza un algoritmo di compressione con perdita basato sulla trasformata discreta del coseno — la stessa tecnica utilizzata nei codec video. Il codificatore divide l'immagine in blocchi di 8x8 pixel, trasforma ogni blocco nello spazio delle frequenze e scarta le informazioni ad alta frequenza che l'occhio umano percepisce meno acutamente.

Punti di forza: Supporto universale nei browser, compressione eccellente per le fotografie, qualità regolabile.

Debolezze: Nessun supporto per la trasparenza, artefatti a blocchi visibili a bassa qualità, scarsa compressione per testo e grafica.

Ideale per: Fotografie, gradienti complessi, immagini per social media, qualsiasi situazione in cui la compatibilità universale sia più importante della dimensione del file.