Formati Immagine a Confronto: JPG vs PNG vs WebP vs AVIF (2026)

Il formato immagine che scegli influenza il tempo di caricamento della pagina, il ranking SEO (Core Web Vitals), i costi di larghezza di banda, la qualità visiva, la compatibilità del browser e l’accessibilità. Nel 2026, la risposta non è più “usa solo JPG”, i formati moderni risparmiano il 50-70% sulla dimensione del file a qualità equivalente.

Questa guida confronta i quattro formati che contano oggi: JPG, PNG, WebP, AVIF. Più una nota su HEIC (Apple), TIFF (stampa) e SVG (vettoriale).

Tabella di riferimento rapida

Formato	Compressione	Trasparenza	Animazione	Supporto browser (2026)	Migliore per
JPG	Lossy	No	No	100%	Foto, email, max compatibilità
PNG	Lossless	Sì	No	100%	Loghi, icone, screenshot
WebP	Lossy o lossless	Sì	Sì	96%	Web moderno (default nel 2026)
AVIF	Lossy o lossless	Sì	Sì	92%	Web performance-critical
HEIC	Lossy	Sì	Sì	Solo iOS/macOS	Storage dispositivi Apple
GIF	Lossless	Solo 1-bit	Sì	100%	Solo animazioni legacy
SVG	Vettoriale lossless	Sì	Sì	100%	Loghi, icone, illustrazioni (qualsiasi dimensione)

JPG (JPEG)

Nato nel 1992. Universalmente supportato. Compressione lossy con slider di qualità (1-100). A qualità 75-85, indistinguibile dall’originale all’occhio umano, mentre è 5-10× più piccolo della sorgente RAW.

Punti di forza:

• Compatibilità universale (letteralmente ovunque).
• File minuscoli per le foto.
• Compressione matura, ben compresa.

Punti deboli:

• Nessuna trasparenza (deve usare sfondo solido).
• Artefatti di compressione a bassa qualità (squadrettature, aloni).
• Nessuna animazione.
• Standard più vecchio, superato per il web moderno.

Usalo quando: invii foto via email, mandi a vecchi sistemi, conta la massima compatibilità, non serve trasparenza.

PNG (Portable Network Graphics)

Nato nel 1996. Compressione lossless. Due varianti: PNG-8 (256 colori, sostituto GIF) e PNG-24 (16 milioni di colori, qualità foto). Entrambi supportano la trasparenza (canale alpha 8-bit), la killer feature.

Punti di forza:

• Lossless: copia bit-perfect dell’originale, nessun artefatto mai.
• Supporto trasparenza (canale alpha).
• Nitido a qualsiasi livello di zoom (nessuna squadrettatura di compressione).
• Compatibilità universale.

Punti deboli:

• Molto più grande di JPG per fotografie (2-5× più grande).
• Nessuna animazione (usa APNG, ma il supporto è misto).
• Compressione meno efficiente dei formati moderni.

Usalo quando: loghi, icone, screenshot, line art, illustrazioni, ovunque tu abbia bisogno di linee nitide o trasparenza.

WebP

Creato da Google nel 2010. La modalità lossy rivaleggia con JPG con compressione ~25-35% migliore alla stessa qualità. La modalità lossless rivaleggia con PNG con compressione ~25% migliore. La modalità animazione rivaleggia con GIF con qualità e compressione massicciamente migliori.

Nel 2026, il supporto WebP è al 96% globalmente, ogni browser moderno (Chrome, Firefox, Safari 14+, Edge) lo supporta nativamente. Solo browser antichi e alcuni client email non lo supportano.

Punti di forza:

• Miglior bilanciamento di efficienza di compressione, compatibilità e set di funzionalità.
• Un formato copre esigenze lossy, lossless e animate.
• Supportato da tutti i CDN immagini moderni (Cloudinary, Imgix, Cloudflare Images).
• Gratuito e open (royalty-free).

Punti deboli:

• Decodifica leggermente più lenta di JPG (trascurabile su hardware moderno).
• Alcuni software legacy (Photoshop CS5 e precedenti) richiedono plugin.
• Codifica marginalmente più lenta di JPG.

Usalo quando: ovunque sul web moderno. WebP dovrebbe essere il tuo default nel 2026 a meno che una ragione specifica non suggerisca altrimenti.

AVIF (AV1 Image File Format)

Rilasciato nel 2019, basato sul codec video AV1. Il formato più efficiente in compressione ampiamente supportato nel 2026, tipicamente 25-35% più piccolo di WebP alla stessa qualità.

Supporto nel 2026: ~92% globalmente. Tutti i browser principali lo supportano (Chrome 85+, Firefox 93+, Safari 16.4+, Edge). Alcuni ambienti specifici (client email, software enterprise molto vecchio) no.

Punti di forza:

• Migliore compressione di qualsiasi formato ampiamente supportato.
• Supporta HDR (high dynamic range, profondità colore 10/12-bit).
• Supporta trasparenza, animazione.
• Open e royalty-free.
• Qualità eccellente anche a bitrate molto bassi.

Punti deboli:

• La codifica è lenta (10-30× più lenta di JPG). Non ottima per codifica al request time.
• Decodifica più lenta di WebP (sempre millisecondi, ma misurabile).
• Leggermente meno compatibile di WebP.
• Non ancora ubiquo nei software di editing immagini.

Usalo quando: siti performance-critical dove ogni KB conta. Pre-codifica al build time, servi con fallback WebP e JPG.

La best practice 2026: <picture> con fallback

Non scegliere un formato, servi quello migliore che ogni browser supporta:

<picture>
  <source srcset="/photo.avif" type="image/avif">
  <source srcset="/photo.webp" type="image/webp">
  <img src="/photo.jpg" alt="Descrizione" width="1200" height="800" loading="lazy" decoding="async">
</picture>

I browser moderni scelgono AVIF, browser leggermente più vecchi ripiegano su WebP, browser molto vecchi ottengono JPG. Tutto condividendo la stessa semantica <img> e testo alt.

I framework automatizzano questo:

• Next.js: il componente <Image> gestisce AVIF/WebP/JPG automaticamente.
• Astro: <Image> da astro:assets fa lo stesso.
• Cloudinary / Imgix: servono in base all’header di richiesta Accept: image/avif.

E HEIC?

HEIC (High Efficiency Image Container) è quello che il tuo iPhone salva. Stessa famiglia di compressione di AVIF (codec video HEVC). Compressione eccellente, supporta trasparenza e HDR.

Problema: solo i dispositivi Apple supportano nativamente HEIC. Windows, browser Android, server web, software immagini hanno tutti bisogno di plugin o conversione.

Best practice: converti HEIC in JPG o WebP prima di condividere o ospitare sul web. HEIC in JPG fa questo nel tuo browser.

E TIFF, BMP, GIF?

• TIFF: archivio prepress / stampa professionale. File enormi, nessuna compressione di default. Non usare sul web.
• BMP: formato Windows legacy. Nessuna compressione. Non usare da nessuna parte nel 2026.
• GIF: trasparenza 1-bit, 256 colori, lossless. L’animazione funziona ma è inefficiente, ogni alternativa moderna (WebP, AVIF, persino video MP4) è migliore. Usalo solo per compatibilità legacy.

E SVG?

SVG è vettoriale, non un formato concorrente per le fotografie, ma imbattibile per loghi, icone, illustrazioni, grafici. Indipendente dalla risoluzione (scala infinitamente senza perdita di qualità), file di dimensione minuscola per grafica semplice, supporta styling CSS e interazione JS.

Usa SVG per: loghi, icone (favicon), visualizzazioni dati, illustrazioni semplici, qualsiasi grafica disegnata invece di fotografata.

Generatore Favicon produce varianti SVG per browser moderni.

Albero decisionale per scegliere un formato

1. È un logo, icona o grafica semplice? → SVG.
2. Contenuto fotografico senza bisogno di trasparenza? → AVIF (build-time) → fallback WebP → fallback JPG.
3. Contenuto fotografico con trasparenza? → AVIF o WebP (entrambi supportano alpha) → fallback PNG.
4. Logo, screenshot o grafica con trasparenza? → PNG (o WebP-lossless per dimensione).
5. Massima compatibilità email/legacy? → JPG (no trasparenza) o PNG (con trasparenza).
6. Animazione? → WebP (o AVIF se browser più nuovi OK) → GIF solo come ultima risorsa.

Percorsi di conversione reali

Fotografo che consegna al cliente: mantieni master RAW, consegna JPG qualità 95 (web) o TIFF (stampa).

Webmaster che ottimizza un sito esistente: converti in massa tutti i PNG/JPG in AVIF + WebP al build time. Servi via <picture>.

Foto prodotto e-commerce: WebP qualità 80 è il sweet spot. AVIF se il tuo profilo di traffico giustifica il tempo di codifica.

Immagini hero blog: AVIF (con fallback WebP e JPG), Core Web Vitals ti premia per questo.

Immagine di copertina social media: JPG o PNG. La maggior parte delle piattaforme ricodifica comunque, quindi non preoccuparti di WebP/AVIF al caricamento.

Firma email: PNG (max compatibilità, supporto trasparenza) o JPG (più piccolo).

Riepilogo

Nel 2026, lo stack di immagini web moderno è AVIF → WebP → JPG, servito via <picture> con fallback, con PNG e SVG che mantengono i loro ruoli per grafica e loghi.

Per conversioni one-off, Converti Immagine gestisce l’intera matrice localmente, la tua immagine non raggiunge mai un server, supporta JPG, PNG, WebP e AVIF sia come input che come output. Usalo come necessario, ma capisci per cosa ogni formato ottimizza in modo che le tue scelte siano deliberate.