PNG, JPEG o WebP: quale formato di immagine usare?

La maggior parte delle scelte sul formato di un'immagine si riduce a due domande. L'immagine ha bisogno di aree trasparenti? E una piccola perdita di qualità si vedrà? Rispondi a queste due e il formato si sceglie quasi da solo. La terza domanda, dove andrà il file, decide se i formati più recenti sono ammessi, perché i marketplace e molte app accettano ancora solo JPEG e PNG.

Questa guida confronta i quattro formati che incontrerai più spesso per foto e grafiche sul web: JPEG, PNG, WebP e AVIF. Si chiude con una scelta rapida per i lavori più comuni: loghi, foto prodotto, foto normali e ritagli con sfondo trasparente.

La tabella di confronto

I dettagli sui formati vengono dalla guida di MDN ai tipi di file immagine. La riga sul supporto conta meno di un tempo per i browser: tutti i principali browser attuali mostrano il WebP e l'AVIF è supportato nelle versioni recenti di tutti. Dove conta ancora è altrove: moduli di caricamento, marketplace, client email e vecchi software desktop.

Con o senza perdita, in parole semplici

La compressione senza perdita riduce un file senza cambiare un solo pixel. Decodifichi un PNG e ottieni esattamente ciò che è stato salvato. È ideale per tutto ciò che ha bordi netti e colori piatti, come testo, loghi, disegni al tratto, interfacce e screenshot, dove qualsiasi sfocatura o frangia di colore si nota subito.

La compressione con perdita elimina dettagli che l'occhio difficilmente nota. Le fotografie la tollerano bene perché sono piene di rumore e toni graduali. Il JPEG funziona così, e con impostazioni di qualità ragionevoli una foto può ridursi a una frazione del peso in PNG senza differenze visibili.

Ne derivano due regole pratiche:

• Ogni salvataggio con perdita peggiora un po' di più. Tieni un master senza perdita (l'originale della fotocamera, un PNG o il file nativo del tuo editor) ed esporta da lì le copie con perdita, invece di modificare e risalvare lo stesso JPEG.
• La compressione con perdita rende peggio sui bordi netti. Un logo salvato in JPEG si riempie di "rumore a zanzara" sbavato intorno alle lettere, e uno screenshot ha il testo sfocato.

Trasparenza: la caratteristica decisiva per i ritagli

Il JPEG non ha canale alfa. Non c'è modo di memorizzare in un JPEG "questo pixel è trasparente", quindi quando rimuovi uno sfondo e salvi in JPEG l'area vuota viene riempita con un colore pieno, di solito bianco o nero. Se vuoi che il ritaglio stia sopra altri contenuti, ti serve PNG, WebP o AVIF.

Il PNG memorizza un canale alfa completo: ogni pixel può andare da completamente opaco a completamente trasparente, ed è questo che mantiene naturali i bordi morbidi come capelli, pelo e ombre. Ha anche una modalità più semplice in cui un solo colore della palette è segnato come trasparente, che va bene per grafiche piatte ma dà bordi seghettati sulle foto. Per i dettagli, leggi cos'è il canale alfa.

Il WebP supporta la trasparenza sia senza perdita sia con perdita. La documentazione WebP di Google dice che il WebP senza perdita aggiunge la trasparenza con circa il 22% di byte in più, e che il WebP con perdita e trasparenza è in genere circa 3 volte più leggero di un PNG equivalente. Questo rende il WebP con perdita il modo più efficiente per pubblicare una foto prodotto trasparente sul tuo sito.

Peso dei file

Per la stessa immagine, l'ordine approssimativo dal più pesante al più leggero è PNG, JPEG, WebP, AVIF, con una grossa avvertenza: il PNG è "pesante" solo per le foto. Per grafiche piatte con pochi colori, il PNG spesso pesa meno del JPEG ed è sempre più nitido.

I dati pubblicati da Google sul WebP sono un riferimento utile:

• I file WebP senza perdita sono il 26% più leggeri dei PNG.
• I file WebP con perdita sono dal 25 al 34% più leggeri di JPEG comparabili, a parità di indice di qualità SSIM.

Per le immagini raster sul web, MDN consiglia di preferire WebP o AVIF, che in genere comprimono meglio di PNG, JPEG e GIF. L'AVIF supporta anche il colore a 10 e 12 bit, utile per le sfumature morbide. Il suo punto debole è il supporto fuori dai browser: molte app e moduli di caricamento lo rifiutano ancora.

Il peso conta soprattutto quando servi molte immagini a molti visitatori. Per un singolo caricamento su un marketplace che ricomprime comunque tutto, conta più il formato accettato che i byte risparmiati.

Dove è accettato ogni formato

I browser sono la parte facile. Sono marketplace e app a rifiutare i formati. Questi sono i formati accettati secondo la documentazione di ciascuna piattaforma, verificati a ottobre 2026:

Due cose saltano all'occhio. Primo, WebP e AVIF non sono accettati da Amazon, Walmart o dai cataloghi Meta, quindi tieni JPEG o PNG per i caricamenti sui marketplace. Secondo, Etsy dice che i PNG trasparenti non sono supportati e che le aree trasparenti possono apparire nere, quindi appiattisci i ritagli su un colore prima di caricarli lì. Per le dimensioni esatte in pixel di ogni piattaforma, vedi la guida alle dimensioni delle foto prodotto.

Quale formato usare per i lavori più comuni

Loghi

Usa l'SVG quando hai un originale vettoriale; MDN lo consiglia per loghi e icone. Quando ti serve un file raster, usa un PNG con sfondo trasparente, o un WebP senza perdita sul tuo sito. Mai JPEG: aggiunge sbavature intorno ai bordi e non può essere trasparente.

Foto prodotto

Per le immagini principali sui marketplace, usa JPEG su sfondo bianco puro. Il blog per venditori di Amazon definisce il JPEG il formato preferito, e tutti i marketplace della tabella qui sopra lo accettano. Esporta con un'impostazione di qualità alta (circa 85-92 nella maggior parte degli strumenti) da un master senza perdita.

Sul tuo negozio, carica un JPEG o PNG di alta qualità e lascia che la piattaforma converta. Shopify, ad esempio, dice che il suo servizio immagini fornisce automaticamente a ogni visitatore il formato migliore supportato dal suo browser.

Foto normali

Il JPEG è la scelta predefinita sicura per condivisioni e caricamenti. Su un sito che gestisci tu, WebP o AVIF con un JPEG di riserva danno lo stesso aspetto con meno byte. Se il telefono salva in HEIC, converti in JPEG prima di caricare ovunque l'HEIC non sia indicato.

Ritagli e immagini trasparenti

Usa il PNG quando il file deve funzionare ovunque: in slide, documenti, strumenti di grafica e nella maggior parte dei moduli di caricamento. Usa il WebP quando metti l'immagine sulla tua pagina web e vuoi che pesi poco. Usa il JPEG solo se hai riempito di proposito lo sfondo con un colore pieno, ad esempio bianco per un marketplace.

Screenshot e diagrammi

PNG, o WebP senza perdita. I formati con perdita sfocano il testo.

Servire i formati moderni con una soluzione di riserva

Se gestisci un tuo sito, non devi scegliere un solo formato. L'elemento HTML picture lascia al browser la scelta del primo formato che capisce:

<picture>
  <source srcset="product.avif" type="image/avif">
  <source srcset="product.webp" type="image/webp">
  <img src="product.png" alt="Leather wallet, front view" width="1200" height="1200">
</picture>

I browser che supportano l'AVIF prendono la prima sorgente, gli altri ripiegano sul WebP e quelli più vecchi usano il PNG. Molte piattaforme di hosting e CDN per immagini fanno questa conversione per te in base all'intestazione Accept del browser, il che spesso è più semplice che generare ogni formato da solo.

Convertire tra formati senza sorprese

• Da PNG o WebP a JPEG: le aree trasparenti vengono appiattite. Scegli tu il colore di riempimento (di solito bianco) invece di lasciarlo decidere allo strumento, perché alcuni usano il nero come predefinito.
• Da JPEG a PNG: il file diventa più grande ma non migliore. La qualità persa nel JPEG non torna.
• Da qualsiasi formato a WebP o AVIF: controlla che la trasparenza sia rimasta e che i colori siano corretti; converti prima al profilo colore sRGB se l'immagine sarà vista sul web.
• Risalvare i JPEG: ogni salvataggio a qualità più bassa somma le perdite. Esporta una volta sola dal master.

Un'opzione più rapida per i ritagli

Se rimuovi sfondi in blocco, removebackground.dev esporta il ritaglio come PNG o WebP trasparente, oppure come JPG su qualsiasi colore pieno, così dallo stesso caricamento ottieni un JPEG su bianco per il marketplace e un PNG trasparente per il tuo sito.