JPG, PNG, WebP o AVIF?

Prima di confrontare i formati, conosci la divisione che guida tutti loro. I formati lossless memorizzano ogni pixel esattamente e possono essere riaperti e risalvati per sempre senza degradazione — PNG è il principale. I formati lossy scartano le informazioni che l'occhio è improbabile che noti, barattando un po' di qualità per un file molto più piccolo — JPG, WebP e AVIF fanno tutti questo. Non c'è un singolo formato "migliore" perché la scelta giusta dipende dal fatto che la tua immagine sia una fotografia, un logo o uno screenshot, e da quanto valuti la dimensione rispetto alla compatibilità.

JPG (o JPEG) è il veterano. È stato costruito per le fotografie e utilizza la compressione lossy sintonizzata per le sfumature morbide delle immagini del mondo reale. Non ha trasparenza e la sua compressione può lasciare artefatti bloccati intorno ai bordi e al testo acuti, per cui è sbagliato per i logo e gli screenshot. Il suo superpotere è il supporto universale: ogni dispositivo, editor e sito web accetta un JPG.

PNG è la scelta lossless. Preserva ogni pixel e supporta la trasparenza completa, rendendola lo standard per la grafica con bordi duri, testo, screenshot dell'interfaccia utente e qualsiasi cosa con uno sfondo trasparente. Il costo è la dimensione del file: una fotografia PNG è spesso parecchie volte più grande della stessa foto come JPG, quindi PNG è una scelta scarsa per il contenuto fotografico sul web.

WebP, di Google, è l'all-rounder moderno. Offre sia la modalità lossy che lossless più la trasparenza e l'animazione, e con una qualità simile produce file circa 25-35% più piccoli di JPG e spesso molto più piccoli di PNG. Ogni browser attuale lo supporta, il che lo rende l'impostazione predefinita pragmatica per un sito web veloce oggi.

AVIF è il più nuovo dei quattro, basato sulla tecnologia del codec video moderno. Di solito raggiunge i file più piccoli di tutti — spesso battendo WebP di un margine ampio su foto — e supporta trasparenza, colore ampio e gamma dinamica alta. Il supporto è ora ampio ma non del tutto universale, quindi i siti di solito servono AVIF con un fallback WebP o JPG per gli ultimi pochi client più vecchi.

Una pagina web ben ottimizzata raramente utilizza un formato per tutto. Le fotografie vengono convertite come WebP o AVIF per la velocità, con un fallback JPG. I logo, le icone e qualsiasi cosa con trasparenza rimangono come PNG — o meglio, come SVG se sono arte vettoriale — perché un formato lossy confonde i loro bordi netti. Gli screenshot del testo sembrano migliori come PNG per lo stesso motivo.

Se non sei sicuro se uno switch vale la pena, converti un'immagine rappresentativa e confronta sia la dimensione del file che come appare con zoom completo. La caduta di dimensione da JPG a WebP o AVIF è spesso drammatica senza perdita di qualità visibile, il che è esattamente la vittoria che rende le pagine caricate più velocemente. Quando la compatibilità è più importante dei byte — un allegato email, un sistema vecchio, un negozio di stampa — torna a JPG o PNG, i due formati che funzionano ovunque.