PNG vs WebP

Il WebP quasi sempre pesa meno; il PNG è il file che spedisci senza pensarci.

Scegli PNG quando

PNG quando il file finisce in mano a qualcun altro di cui non conosci i programmi. Si apre dappertutto da decenni.

Scegli WebP quando

WebP per il tuo sito. Fa le stesse cose del PNG, trasparenza compresa, e occupa parecchio meno.

Il dettaglio che coglie tutti di sorpresa

Il WebP lo capisce qualsiasi browser attuale, ma non tutti i visualizzatori di immagini né il software vecchio. Chi manda un file per email non sa con cosa verrà aperto.

Passare da PNG a WebP

Che cosa si perde

PNG arriva a 16 bit per canale e WebP ne conserva 8. Quella precisione in più è ciò che regge correzioni forti senza bande: conviene convertire dopo la post-produzione, non prima.

Che cosa resta

Non si scarta nulla. PNG e WebP salvano il contenuto senza perdita: la conversione cambia la confezione, non la qualità, e si può ripetere senza che i danni si accumulino.

La trasparenza resta. PNG e WebP salvano entrambi un canale alfa: uno scontorno resta scontornato e dietro non viene riempito nulla.

Che cosa aggiunge il formato di destinazione

WebP può contenere animazione; un file PNG è un fotogramma solo. Ne esce un file di una sola immagine in un formato che ne reggerebbe di più.

Aprire il risultato

Adobe Photoshop e GIMP leggono sia PNG sia WebP, quindi puoi confrontare il risultato con l'originale senza un secondo programma.

A che cosa serve ciascun formato

PNG è il formato di PNG Development Group, pubblicato nel 1996. Registra 16 bit per canale.

WebP viene da Google e risale al 2010, descritto in RFC 9649. Adobe Photoshop, GIMP e Squoosh lo leggono.

Passare da WebP a PNG

Che cosa si perde

PNG contiene una sola immagine fissa. Di un file WebP animato resta il primo fotogramma e il resto si perde: la conversione serve a estrarre un'immagine, non a portarsi dietro il movimento.

Che cosa resta

Non si scarta nulla. WebP e PNG salvano il contenuto senza perdita: la conversione cambia la confezione, non la qualità, e si può ripetere senza che i danni si accumulino.

La trasparenza resta. WebP e PNG salvano entrambi un canale alfa: uno scontorno resta scontornato e dietro non viene riempito nulla.

Aprire il risultato

Adobe Photoshop e GIMP leggono sia WebP sia PNG, quindi puoi confrontare il risultato con l'originale senza un secondo programma.

A che cosa serve ciascun formato

WebP è il formato di Google, pubblicato nel 2010. Registra 8 bit per canale.

PNG viene da PNG Development Group e risale al 1996, descritto in ISO/IEC 15948. Adobe Photoshop, GIMP e Paint.NET lo leggono.

Cosa fa davvero la conversione da PNG a WebP

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG.

PNG139 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as WebP.

WebP14 KB9.7× più piccolo

Una scena fotografica — sfumature morbide, bordi sfocati, grana. È il caso per cui WebP è stato pensato, o contro cui è stato pensato, e i numeri dicono quale dei due. Le due immagini sono disegnate dal codice e codificate dallo stesso convertitore che gira in questa pagina, quindi le dimensioni sono l’uscita del sito stesso.
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as PNG.

PNG7 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as WebP.

WebP4 KB38% più piccolo

Sfondo trasparente e una sfumatura che attraversa la forma. WebP o tiene tutti e due, o ne tiene uno, oppure riempie la trasparenza con un colore pieno — ed è questa differenza che coglie tutti di sorpresa. Le due immagini sono disegnate dal codice e codificate dallo stesso convertitore che gira in questa pagina, quindi le dimensioni sono l’uscita del sito stesso.
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as PNG.

PNG3 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as WebP.

WebP11 KB4.2× più grande

Colore piatto e bordi netti, come in un’interfaccia, in un grafico o in un logo. Si comporta in modo molto diverso dalla fotografia qui sopra, ed è il motivo per cui la risposta è «dipende da cosa c’è nel file». Le due immagini sono disegnate dal codice e codificate dallo stesso convertitore che gira in questa pagina, quindi le dimensioni sono l’uscita del sito stesso.

Uno accanto all’altro

PNG e WebP confrontati riga per riga: cosa tiene ciascuno e quanto costa.
PNGWebP
Full namePortable Network GraphicsWebP Image
Estensione.png.webp
Tipo di mediaimage/pngimage/webp
CompressioneSenza perdita — non si butta via nienteL’uno o l’altra, secondo l’impostazione
Questo sito sa scriverlo

Da dove vengono questi numeri

Quello che questa pagina afferma su PNG and WebP si può verificare, e questi sono i documenti che chiudono la questione.