Guida Definitiva ai Formati di Immagine: PNG, JPG, WebP, AVIF e SVG

JPG / JPEG  Joint Photographic Experts Group

Creato nel 1992 dal Joint Photographic Experts Group, il JPG è stato progettato specificamente per comprimere fotografie in modo efficiente. Il suo algoritmo divide l'immagine in blocchi di 8×8 pixel e applica la Trasformata Discreta del Coseno (DCT) per rappresentare ogni blocco come una combinazione di frequenze — scartando le frequenze ad alta variazione che l'occhio umano percepisce meno. Il risultato è una compressione lossy (con perdita): parte dei dati originali viene scartata permanentemente.

Perché funziona così bene per le foto: le fotografie hanno una variazione di colore morbida e graduale — esattamente il tipo di informazione che il JPG comprime con maggiore efficienza. Una foto di paesaggio in JPG con qualità 80% può essere 10× più piccola dello stesso file senza compressione, con differenza visiva impercettibile sullo schermo.

Dove fallisce: l'algoritmo a blocchi 8×8 crea artefatti visibili su bordi nitidi, testi e aree di colore uniforme. Un logo nero su sfondo bianco in JPG mostrerà macchie grigie attorno alle lettere — i famosi "artefatti JPEG". Il JPG inoltre non supporta il canale alfa (trasparenza).

Quando usarlo: fotografie per il web, la stampa e l'e-mail. Foto prodotto, banner, immagini di blog. Qualsiasi immagine con molte variazioni di colore e senza bisogno di trasparenza.

Quando non usarlo: loghi, icone, screenshot con testo, immagini con sfondo trasparente, illustrazioni con bordi nitidi, immagini che verranno rieditate e risalvate più volte.

PNG  Portable Network Graphics

Creato nel 1996 come alternativa al GIF (che aveva restrizioni di brevetto), il PNG usa compressione lossless — nessun dato viene scartato. L'algoritmo DEFLATE (combinazione di LZ77 e codifica Huffman) riorganizza i dati dei pixel in modo più efficiente senza buttare via nulla. Questo garantisce che l'immagine decompressa sia pixel-perfetta rispetto all'originale, indipendentemente da quante volte il file viene salvato.

Il canale alfa: il PNG supporta un quarto canale per pixel oltre a RGB — il canale alfa, che controlla l'opacità da 0 (completamente trasparente) a 255 (completamente opaco). Questo permette trasparenza totale, semi-trasparenza e bordi con anti-aliasing morbido su qualsiasi sfondo.

PNG-8 vs PNG-24 vs PNG-32: il PNG-8 usa una tavolozza fino a 256 colori (come il GIF), ideale per icone semplici e immagini con pochi colori. Il PNG-24 usa colori completi (16 milioni) senza trasparenza. Il PNG-32 usa colori completi con canale alfa — è il tipo più comune quando si parla di "PNG trasparente".

Dove fallisce: per le fotografie, il PNG è inefficiente — i file di foto in PNG possono essere 3–10× più grandi dell'equivalente in JPG. La compressione lossless non riesce a eliminare la variazione di colore delle fotografie in modo efficiente.

Quando usarlo: loghi e icone con sfondo trasparente, screenshot con testo, infografiche, immagini con aree di colore uniforme, arte digitale con bordi nitidi, immagini che devono essere rieditate senza perdita accumulata.

Quando non usarlo: fotografie per il web (usa JPG o WebP), immagini che devono avere file piccoli, e-mail marketing dove il JPG ha compatibilità migliore.

WebP  Web Picture format

Sviluppato da Google a partire dal codec video VP8, il WebP è stato lanciato nel 2010 per essere il successore universale del JPG e del PNG sul web. Supporta entrambe le modalità: lossy (basata su VP8, per le foto) e lossless (basata su un algoritmo proprio, per la grafica). In modalità lossy, il WebP usa la predizione di blocchi e la trasformazione adattiva — tecniche più sofisticate della DCT del JPG — per produrre file 25–35% più piccoli con qualità visiva equivalente.

Il meglio di due mondi: oltre a sostituire il JPG per le foto (modalità lossy), il WebP sostituisce anche il PNG per loghi e grafica (modalità lossless con canale alfa), generalmente con file 20–30% più piccoli. È l'unico formato che unifica i casi d'uso di JPG e PNG con maggiore efficienza in entrambi.

Compatibilità nel 2026: supportato da Chrome, Firefox, Safari (dalla 14), Edge e Opera — coprendo oltre il 97% degli utenti del web. Le principali eccezioni sono i client e-mail datati (specialmente Outlook) e i sistemi aziendali legacy con IE11.

Quando usarlo: praticamente qualsiasi immagine per il web — foto, loghi, icone, banner. È il formato standard consigliato per qualsiasi upload su siti moderni. Il PageSpeed Insights di Google raccomanda specificamente il WebP quando rileva JPG o PNG dove il WebP potrebbe essere usato.

Quando non usarlo: e-mail marketing (compatibilità incostante), stampa grafica, miniature YouTube (non accetta WebP), file da scaricare che gli utenti finali apriranno localmente su sistemi datati.

AVIF  AV1 Image File Format

L'AVIF deriva dal codec video AV1 (sviluppato dall'Alliance for Open Media, che include Google, Mozilla, Netflix, Amazon e altri). È il formato più recente e tecnicamente più avanzato disponibile per le immagini sul web — produce file 20–50% più piccoli del WebP con qualità visiva equivalente in molti casi, specialmente a qualità più basse dove il WebP inizia a mostrare artefatti visibilmente.

Perché è così efficiente: l'AV1 usa tecniche di compressione molto più sofisticate del VP8 del WebP — inclusi modi di predizione intra-frame, trasformate di dimensione variabile e loop filter. Il risultato è particolarmente impressionante su foto ad alta complessità e gradienti sottili.

Il problema dell'encoding: convertire immagini in AVIF è significativamente più lento che per il WebP — un encoder AVIF può impiegare 10–100× più tempo per elaborare la stessa immagine. Per siti con molte immagini o pipeline di build che generano versioni delle immagini in tempo reale, questo costo computazionale è rilevante.

Compatibilità nel 2026: Chrome 85+, Firefox 93+, Safari 16+. Non supportato da IE11 né dalla maggior parte dei client e-mail. Il supporto è ancora inferiore a quello del WebP, e la raccomandazione è servire AVIF con fallback su WebP e JPG usando il tag <picture>.

Quando usarlo: siti ad alto traffico dove ogni KB risparmiato ha un impatto significativo sul costo di banda; immagini di alta qualità dove la differenza visiva rispetto al WebP è percepibile; progetti nuovi dove la pipeline di build supporta già l'AVIF.

Quando non usarlo: quando il tempo di encoding è un fattore critico; per l'uso nel convertitore di ImageTools (l'encoder AVIF via Canvas API nei browser non è ottimizzato e può produrre file più grandi dell'originale — usa strumenti server-side come sharp per un AVIF di qualità).

SVG  Scalable Vector Graphics

L'SVG è radicalmente diverso da tutti gli altri formati di questa lista. Invece di memorizzare pixel, memorizza istruzioni matematiche in XML — "disegna un rettangolo di larghezza 200 nella posizione X,Y con colore #3ecf8e". Il browser o il software calcola i pixel in tempo reale alla risoluzione necessaria. Un SVG di 5 KB può essere visualizzato perfettamente in un favicon di 16px o su un cartellone di 20 metri.

Perché è il formato ideale per loghi e icone: loghi e icone sono composti da forme geometriche — rettangoli, cerchi, curve di Bézier, testo. L'SVG descrive esattamente queste forme senza alcuna perdita di informazione. Un PNG di logo a 200px risulta pixelato a 2000px; lo stesso logo in SVG è perfetto a qualsiasi dimensione.

Modificabile via CSS e JavaScript: gli elementi SVG inline nell'HTML possono essere manipolati come qualsiasi altro elemento DOM — colore modificato via CSS, animazioni aggiunte via CSS transitions o JS, interattività con eventi del mouse. È come l'HTML per le immagini.

Dove fallisce: fotografie e immagini con molti colori e gradienti complessi risultano in SVG enormi e impraticabili — e anche così, la qualità sarebbe inferiore al JPG perché l'SVG non è progettato per rappresentare dati fotografici.

Quando usarlo: loghi, icone, illustrazioni geometriche, grafici di dati, mappe, qualsiasi arte che deve scalare a più dimensioni, icone interattive nelle interfacce web.

Quando non usarlo: fotografie, immagini con molti colori e texture, social media (la maggior parte non accetta l'SVG per l'upload), e-mail marketing.

GIF  Graphics Interchange Format

Creato nel 1987 da CompuServe, il GIF usa l'algoritmo LZW (Lempel-Ziv-Welch) per la compressione lossless — ma con una limitazione fondamentale: supporta solo 256 colori per frame. Ogni pixel è un indice in una tavolozza fino a 256 voci, il che rende il formato inefficiente per le foto (che hanno milioni di colori) ma adatto a immagini semplici con pochi colori.

Il motivo per cui il GIF è sopravvissuto fino a oggi: è l'unico formato raster con ampia compatibilità che supporta nativamente animazioni multi-frame — e questa caratteristica lo ha mantenuto vivo decenni dopo la comparsa di formati tecnicamente superiori. Il WebP animato e l'AVIF animato sono alternative più efficienti, ma la compatibilità e la presenza culturale del GIF animato ne garantiscono la presenza.

Trasparenza parziale: il GIF supporta solo un colore "trasparente" per frame — senza semi-trasparenza o anti-aliasing. Il risultato sono bordi "seghettati" attorno agli elementi con bordi curvi, specialmente su sfondi colorati.

Quando usarlo: animazioni semplici su piattaforme che non supportano WebP animato o MP4; icone animate con pochi colori; meme e contenuti social dove il formato GIF è culturalmente atteso.

Quando non usarlo: foto statiche (usa JPG o WebP), loghi statici (usa PNG o SVG), animazioni complesse per il web (usa MP4 o WebP animato — molto più efficienti).

BMP  Bitmap

Il BMP è il formato bitmap di Windows, creato da Microsoft. Nella maggior parte delle configurazioni, non applica compressione — ogni pixel viene memorizzato direttamente con il suo valore di colore. Il risultato sono file molto grandi: un'immagine 1920×1080 in BMP a 24 bit occupa esattamente 5,93 MB, sempre, indipendentemente dal contenuto.

Perché esiste ancora: il BMP ha compatibilità garantita in tutto l'ecosistema Microsoft — Windows, Office, stampanti e software di editing legacy. Per uso interno in pipeline di elaborazione immagini dove l'assenza di compressione è un vantaggio (garanzia di dati senza artefatti in ogni fase), il BMP ha ancora spazio.

Quando usarlo: quando un sistema specifico (specialmente legacy) richiede il BMP; come formato intermedio in pipeline di elaborazione dove la compressione introdurrebbe artefatti indesiderati; stampa industriale in alcuni sistemi specifici.

Quando non usarlo: qualsiasi uso sul web, e-mail, social media o qualsiasi contesto in cui la dimensione del file conta.