← Tutti gli articoli

Cultura digitale · 4 min

Stessa immagine, tre pesi

Quanto cambia il peso di un’immagine quando la esporti per il web? Abbiamo usato la stessa scena e salvato tre file che puoi confrontare.

Rottami metallici ai bordi di una nebulosa viola nel terzo settore di Megablast.
La versione WebP usata in questa pagina, 960 × 640 pixel e 27,7 kB.

La prova sul banco

Abbiamo ritagliato un fondale di Megablast a 960 × 640 pixel, poi esportato lo stesso ritaglio in PNG senza perdita, JPEG e WebP. Per JPEG e WebP abbiamo impostato la qualità su 80. È un’impostazione dell’encoder e ha una scala propria per ciascun formato, quindi il confronto visivo conta quanto il peso.

FormatoPeso del fileCampione
PNG937,8 kBApri PNG ↗
JPEG35,5 kBApri JPEG ↗
WebP27,7 kBApri WebP ↗

In questa prova WebP occupa circa il 22% in meno di JPEG. Il salto dal PNG è molto più ampio perché i due file piccoli accettano di perdere parte dell’informazione visiva. I pesi in tabella sono dei file su disco, con 1 kB pari a 1.000 byte.

Dove guardare

Apri i tre campioni a pari zoom. Parti dai bordi dei rottami metallici e poi passa alle sfumature viola al centro. Ingrandisci e cerca eventuali cambiamenti nelle sfumature, nelle linee sottili e nella grana. Ripeti alla dimensione a cui useresti l’immagine su una pagina. Un dettaglio visibile al 200% può sparire quando la stessa immagine è larga quanto il tuo telefono.

Prova con una tua immagine

Parti dal file originale ed esporta due copie alla stessa larghezza, una in JPEG e una in WebP. Confrontale alla dimensione d’uso e scegli la più leggera che conserva i dettagli importanti. Se il soggetto è uno screenshot pieno di testo o un disegno a pixel, includi una versione senza perdita nella prova. I bordi netti sono un buon punto da controllare.

La documentazione di Google spiega come impostare la qualità dell’encoder da terminale. Guida all’encoder WebP