La scelta del formato immagine corretto può ridurre il peso della pagina del 50% o più senza compromettere la qualità visiva. Con JPEG, PNG, WebP, AVIF, GIF e SVG tutti in competizione, come decidi?
TL;DR: Impostazione predefinita su WebP per foto e immagini complesse. Utilizza PNG per la grafica che richiede trasparenza con bordi netti. Utilizza SVG per icone e loghi. Considera AVIF se puoi offrire alternative.
Ripartizione formato per formato
JPEG
Il formato foto predefinito del web da 30 anni. Gestisce bene i contenuti fotografici ma produce file più grandi di WebP con la stessa qualità visiva. Nessuna trasparenza. Utilizzare quando: Massima compatibilità email o sistemi molto vecchi.
PNG
Formato senza perdita ideale per grafica con testo, schermate e immagini che necessitano di trasparenza alfa. Produce file enormi per le foto: non utilizzare mai PNG per le fotografie.
WebP
Sviluppato da Google. Sia con perdita che senza perdita. Produce file più piccoli del 25–35% rispetto a JPEG e del 26% più piccoli rispetto a PNG. Supporta la trasparenza e l'animazione. Supporto del browser superiore al 97% nel 2026. Il miglior tuttofare per il Web.
AVIF
Formato di nuova generazione che fornisce file più piccoli del 20–50% rispetto a WebP. La codifica è più lenta, il supporto del browser è pari a circa il 93%. Ideale con fallback WebP/JPEG tramite <picture>.
GIF
Obsoleto. Limitato a 256 colori, dimensioni di file enormi per l'animazione. Sostituisci con animazioni WebP o video MP4/WebM per file più piccoli dell'80-90%.
Confronto delle dimensioni dei file
| Formato | Foto (1920×1080) | Grafica (800×600) | Note |
|---|---|---|---|
| JPEG (q80) | 285 KB | 145 KB | Linea di base |
| PNG | 2,1 MB | 95 KB | Ottimo per la grafica, terribile per le foto |
| WebP (q80) | 195 KB | 68KB | ~32% più piccolo di JPEG |
| AVIF (q80) | 142 KB | 52KB | ~50% più piccolo di JPEG |
Diagramma di flusso decisionale
- Logo, icona o illustrazione? → SVG
- Hai bisogno di trasparenza? → WebP (con o senza perdita di dati) o PNG
- Foto? → WebP (con perdita, q75–85)
- Compressione massima? → AVIF con fallback WebP/JPEG
- E-mail? → JPEG (miglior supporto client di posta elettronica)
✅ Come servire più formati
Usa l'HTML <picture> elemento con <source> tag per AVIF e WebP, tornando a JPEG/PNG nel file <img> . Il browser sceglie il primo formato supportato.
🔧 Converti e comprimi in qualsiasi formato — gratuito
Rilascia le tue immagini e convertile tra JPEG, PNG e WebP con controllo di qualità. Funziona localmente nel tuo browser.
Apri Comprimi immagine →Conclusione
Per la maggior parte dei siti web nel 2026, WebP è l'impostazione predefinita corretta. Offre il miglior equilibrio tra compressione, qualità, supporto del browser e funzionalità. Utilizza PNG per una trasparenza dai bordi netti, SVG per i vettori e considera AVIF per le pagine critiche per le prestazioni.