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.

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× smaller

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% smaller

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× larger

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 scriverloSìSì

Deciso? Converti qui

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.