Formati Immagine Spiegati: JPEG, PNG, WebP, GIF, SVG, AVIF

Ultimo aggiornamento: June 27, 2026

Non esiste un singolo formato immagine migliore — ognuno esiste perché risolve un problema diverso. JPEG comprime le fotografie, PNG preserva bordi netti e trasparenza, WebP e AVIF riducono ulteriormente le foto, SVG scala senza pixel e GIF anima. Scegliere quello giusto è una decisione di contenuto, non una preferenza. Questa guida copre cosa fa ogni formato, con dimensioni file reali misurate da un'immagine sorgente.

Risposta rapida: quale formato dovresti usare?

Abbina il formato al contenuto dell'immagine e a dove verrà visualizzato:

Per un'analisi dettagliata formato contro formato, consulta il AVIF vs WebP vs JPEG comparison.

Come si confrontano i formati?

Le differenze di dimensione del file sono ampie e costanti. Misurate su una fotografia da 1400×933:

Gli 853 KB di PNG sono eccezionali: l'archiviazione lossless di una fotografia costa approssimativamente 8× di più rispetto a JPEG e 19× di più rispetto ad AVIF. Ecco perché PNG non è adatto per foto a pagina intera, anche se tecnicamente è in grado di archiviarle.

JPEG — il cavallo di battaglia per le fotografie

JPEG (1992) è il formato con perdita (lossy) per le fotografie. Elimina i dettagli ad alta frequenza che l'occhio vede a malapena, motivo per cui riduce drasticamente le foto ma sfoca testo nitido e linee sottili.

• Ideale per: fotografie, gradienti, scene complesse del mondo reale.
• Da evitare per: testo, screenshot UI, grafica lineare nitida, qualsiasi cosa richieda trasparenza (JPEG non ha canale alfa).
• Attenzione a: artefatti di blocco visibili 8×8 sotto qualità ~70.

Utilizza la qualità 80–85 per le foto web. Vedi come comprimere JPEG.

PNG — bordi netti e trasparenza

PNG è lossless e supporta un canale alfa completo, quindi preserva ogni pixel e qualsiasi trasparenza. Il costo è la dimensione del file: non comprime bene le fotografie.

• Ideale per: grafica con bordi nitidi, testo, loghi, screenshot UI, immagini trasparenti.
• Da evitare per: fotografie a pagina intera (usa WebP/AVIF/JPEG invece — vedi la tabella sopra).
• Attenzione a: file enormi su fotografie. Riduci con PNG-8 (≤256 colori) per grafica piatta.

Per dettagli sulla trasparenza, consulta come creare immagini trasparenti.

WebP — il predefinito moderno per il web

WebP (2010) supporta sia la perdita che quella lossless, supporta l'alpha e batte JPEG di circa il 25–35% a qualità corrispondente. Il supporto nei browser moderni è di circa il 98%.

• Ideale per: fotografie web e immagini web trasparenti dove contano i byte.
• Da evitare per: email e client molto vecchi (usa fallback JPEG/PNG).
• Servire con: un fallback JPEG/PNG in un elemento <picture>.

AVIF — le foto più piccole

AVIF (2019) utilizza gli strumenti intra-frame del codec video AV1 e batte WebP di altri 20–30%. Il supporto è di circa il 96% e in crescita.

• Ideale per: fotografie dove contano i byte più piccoli (immagini eroiche, LCP).
• Da evitare per: quando non puoi permetterti un encoding lento o per i browser molto vecchi (usa il fallback <picture>).
• Attenzione a: sfumature della fine texture a qualità molto bassa (<q40).

SVG — vettori che scalano

SVG è un formato vettoriale: memorizza forme, non pixel, quindi scala qualsiasi dimensione senza perdere nitidezza ed è minuscolo per l'arte semplice.

• Ideale per: loghi, icone, illustrazioni semplici, qualsiasi cosa debba scalare.
• Da evitare per: fotografie (SVG non può rappresentarle efficientemente).
• Attenzione a: la complessità — un SVG dettagliato può essere grande; rasterizza se necessario.

GIF — l'eredità dell'animazione

GIF anima e supporta la trasparenza a 1 bit, ma è limitata a 256 colori ed è molto più grande dei formati animati moderni per lo stesso contenuto.

• Ideale per: nulla di moderno — sostituire con WebP o AVIF animato.
• Da evitare per: qualsiasi cosa critica per il colore (limite di 256 colori) o sensibile alle dimensioni.
• Attenzione a: file grandi; un GIF da 3 secondi è spesso più grande dell'MP4 dello stesso clip.

Come scegliere sotto pressione?

Usa questo breve flusso decisionale:

1. È una fotografia? → WebP/AVIF (con fallback JPEG).
2. Ha bisogno di trasparenza? → PNG o WebP (alpha).
3. È un logo/icona/illustrazione che scala? → SVG.
4. È testo/UI nitido? → PNG.
5. È un'animazione? → WebP/AVIF animato, non GIF.
6. È per l'email? → JPEG o PNG (nessun WebP/AVIF).

Per quasi tutte le fotografie web la risposta è ora "WebP o AVIF con un fallback JPEG". JPEG rimane solo per la compatibilità universale, non perché sia la scelta migliore.

Come servire più formati?

Usa l'elemento <picture> in modo che ogni browser riceva il miglior formato supportato:

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

Il browser sceglie il primo tipo che supporta e ignora gli altri. Mantieni sempre un vero <img> con src JPEG come fallback finale. Consulta la guida ai formati immagine su MDN per la tabella di supporto per browser aggiornata.

Errori comuni

• Usare PNG per le fotografie. Funziona, ma il file è 8–19× più grande del necessario.
• Usare JPEG per testo o loghi. La compressione sfoca i bordi nitidi. Usa PNG o SVG.
• Servire un formato senza fallback. AVIF/WebP necessitano di un fallback JPEG per client vecchi.
• Animare con GIF. WebP/AVIF animati sono molto più piccoli e supportano più colori.
• Ignorare SVG per i loghi. Un logo rasterizzato è sfocato ad alta DPI; SVG rimane nitido a qualsiasi dimensione.

Domande frequenti

Quale formato immagine dovrei usare?

JPEG per le fotografie, PNG per grafica con bordi netti o trasparenza, WebP come predefinito moderno per il web (più piccolo sia JPEG che AVIF), AVIF per le foto più piccole sui browser moderni e SVG per loghi e icone. Abbina il formato al contenuto.

WebP è meglio di JPEG?

Per la distribuzione sul web, sì — WebP è dal 25 al 35 percento più piccolo a qualità uguale ed è supportato in tutti i browser attuali. Mantieni JPEG come fallback solo per i browser molto vecchi. Vedi la guida al convertitore WebP.

Quando dovrei usare AVIF?

Quando puoi codificarlo e il tuo pubblico è prevalentemente su browser moderni — AVIF è approssimativamente il 50% più piccolo di JPEG. Il compromesso è un encoding più lento e lacune sui browser più vecchi. Inviare AVIF con un fallback WebP tramite un elemento <picture>.

PNG supporta la trasparenza?

Sì — PNG ha un canale alfa completo, motivo per cui è il formato per grafica e loghi con trasparenza. JPEG non supporta la trasparenza. WebP e AVIF supportano anche l'alpha, ma a dimensioni più piccole per la distribuzione web.

Qual è il formato più piccolo per le foto?

AVIF (il più piccolo sui browser moderni), poi WebP, poi JPEG. PNG è il più grande per le foto perché è lossless. Per la distribuzione web, WebP è il default sicuro; AVIF quando puoi codificarlo e il tuo pubblico è su browser moderni.

Qual è il formato immagine più piccolo?

AVIF per le foto sui browser moderni (circa il 50% più piccolo di JPEG), poi WebP. PNG è il più grande per le foto perché è lossless. Per la grafica con trasparenza, WebP o AVIF battono PNG. Abbina il formato al contenuto e al supporto del browser del tuo pubblico.

Qual è la differenza tra lossy e lossless?

Lossless (PNG, WebP lossless) preserva ogni pixel esattamente e si annulla perfettamente — non viene persa alcuna qualità. Lossy (JPEG, WebP lossy, AVIF) scarta dettagli che l'occhio nota meno per ridurre il file, e la perdita è permanente. Lossy vince sulla dimensione per le foto; lossless vince sulla qualità per grafica, testo e master che modificherai di nuovo. Scegli in base al contenuto.

Qual è il formato più piccolo per grafica con trasparenza?

WebP o AVIF, entrambi supportano un canale alfa e comprimono molto meno di PNG. Per loghi e icone sui browser moderni, WebP o AVIF riducono drasticamente la dimensione del file rispetto a PNG mantenendo la trasparenza. Servili con un fallback PNG tramite un elemento <picture> per i browser più vecchi che non lo supportano.

Crediti immagine

• Confronto delle dimensioni dei formati e grafico a barre — generato dall'autore da una fotografia in stile e-commerce (Pexels #16675632, foto di Mikael Blomkvist) per mostrare le dimensioni file reali misurate su PNG, JPEG, WebP e AVIF.