I formati immagine spiegati: JPG, PNG, WebP, AVIF, GIF, BMP e ICO
Quale formato usare per foto, loghi, screenshot, pagine web, stampa e social, e perché.
Ogni formato immagine è un insieme di compromessi tra dimensione del file, qualità, trasparenza, animazione e compatibilità. Scegli quello sbagliato e ottieni un file gonfio o un logo sfocato. Questa guida spiega in cosa è bravo ogni formato, con i numeri che ti servono per decidere.
I due tipi di compressione
La compressione senza perdita memorizza ogni pixel esattamente e trova semplicemente un modo più efficiente di scrivere gli stessi dati, come fa uno ZIP. Apri e salva un'immagine senza perdita mille volte e resta invariata. PNG, BMP, GIF e WebP senza perdita funzionano così.
La compressione con perdita scarta informazioni, puntando ai dettagli a cui l'occhio umano è meno sensibile: texture fini, sottili differenze di colore, rumore ad alta frequenza. Il risultato può essere un decimo della dimensione di un file senza perdita senza differenze visibili, ma ogni nuovo salvataggio perde un po' di più. JPG, WebP con perdita e AVIF funzionano così.
La regola numero uno ne deriva direttamente: usa i formati con perdita per le fotografie, piene di rumore e texture che nessuno rimpiange, e i formati senza perdita per la grafica con bordi netti, colori piatti e testo, dove ogni pixel conta.
Formato per formato
JPG (JPEG)
Il formato foto dal 1992. Con perdita, colore a 8 bit, niente trasparenza, niente animazione. Supportato da tutto ciò che è mai stato prodotto. Un'impostazione di qualità da 0 a 100 controlla il compromesso; 80-85 è il punto ideale quotidiano. I suoi punti deboli sono la "quadrettatura" visibile a bassa qualità, gli aloni attorno ai bordi netti e la mancanza di trasparenza. Usalo per le foto che vanno ovunque fuori da un browser: email, stampa, marketplace, software più vecchi.
PNG
Senza perdita, fino a 16 bit di colore, trasparenza alfa completa, niente animazione (APNG esiste ma è raro). La scelta giusta per loghi, icone, screenshot, diagrammi, grafici e qualsiasi immagine che richieda uno sfondo trasparente. Il suo punto debole è la dimensione: una fotografia PNG può essere dieci volte la dimensione di un JPG. Non usare mai PNG per le fotografie su un sito.
WebP
Il formato web di Google, ora supportato da ogni browser attuale. Ha sia una modalità con perdita che una senza, supporta la trasparenza in entrambe, e supporta l'animazione. Il WebP con perdita è circa il 25-35% più piccolo del JPG a parità di qualità; il WebP senza perdita è circa il 25% più piccolo del PNG. È il miglior formato generico per tutto ciò che viene mostrato in un browser. Il suo punto debole è la compatibilità fuori dal browser: software desktop più vecchi, alcuni client email e molti moduli di caricamento lo rifiutano ancora.
AVIF
Ancora più recente, basato sul codec video AV1. Tipicamente il 50% più piccolo del JPG e il 20% più piccolo del WebP a parità di qualità, con trasparenza, animazione e supporto per gamme colore estese. Supportato da tutti i browser attuali dal 2024. La codifica è lenta, specialmente nel browser, e il supporto nei software non browser è ancora irregolare. Usalo quando la dimensione del file è critica e controlli l'ambiente di visualizzazione; servi accanto un'alternativa WebP o JPG.
GIF
Dal 1987. Limitato a 256 colori per fotogramma, trasparenza a un solo colore, e animazione, che è l'unico motivo per cui è ancora ovunque. Pessimo per le fotografie, va bene per la grafica semplice, imbattibile per la compatibilità. Per le immagini fisse, PNG fa tutto ciò che fa GIF ma meglio; per l'animazione, MP4 o WebP animato sono molto più piccoli.
BMP
Bitmap Windows non compresso. File enormi, niente trasparenza nell'uso comune, niente compressione. Sopravvive solo perché è banalmente semplice da leggere, cosa che conta per dispositivi embedded e software datati. Non usarlo mai per il web o per l'archiviazione.
ICO
Il formato delle icone Windows e delle favicon dei browser. Contiene diverse dimensioni della stessa immagine in un unico file così che quella giusta possa essere scelta per una scheda, un segnalibro o un collegamento sul desktop. Si crea da un PNG con lo strumento PNG in ICO.
Tabella di confronto
| Formato | Compressione | Trasparenza | Animazione | Dimensione foto vs JPG | Compatibilità |
|---|---|---|---|---|---|
| JPG | Con perdita | No | No | 1× | Universale |
| PNG | Senza perdita | Sì, alfa completo | No | 5-10× | Universale |
| WebP | Entrambe | Sì, alfa completo | Sì | 0,65-0,75× | Tutti i browser, la maggior parte delle app moderne |
| AVIF | Entrambe | Sì, alfa completo | Sì | 0,5× | Tutti i browser attuali, poche app |
| GIF | Senza perdita, 256 colori | Sì, tutto o niente | Sì | 2-4× (e qualità peggiore) | Universale |
| BMP | Nessuna | No | No | 20-30× | Universale ma raramente usato |
Quale formato per quale lavoro
- Foto su un sito: WebP a qualità 75-85, con un'alternativa JPG se devi supportare browser molto vecchi. AVIF se vuoi le pagine più leggere possibili.
- Loghi e icone su un sito: SVG se ce l'hai; altrimenti PNG o WebP senza perdita.
- Screenshot: PNG. La compressione con perdita sfoca il testo.
- Allegati email: JPG per le foto, PNG per la grafica. Non inviare WebP; troppi client di posta lo gestiscono male.
- Stampa: JPG a qualità 95 o PNG/TIFF, a 300 pixel per pollice della dimensione stampata.
- Social: JPG o PNG; ogni piattaforma ricomprime comunque al caricamento, quindi carica ad alta qualità e alle dimensioni giuste.
- Prodotti scontornati trasparenti: PNG per la massima compatibilità, WebP per il web.
- Favicon: ICO più un PNG per le schermate home dei telefoni.
Convertire tra i formati
Ogni conversione su questo sito gira nel tuo browser. I percorsi più comuni sono PNG in WebP e JPG in WebP per il web, WebP in JPG e WebP in PNG per la compatibilità, e PNG in JPG per ridurre le foto esportate nel formato sbagliato. Il compressore di immagini le gestisce tutte con supporto ai lotti.