Contenuti di questa galleria
Questa galleria presenta alcune immagini di esempio per mostrare due nuove modalità di WebP: WebP-lossless e WebP-lossy con alpha (supporto della trasparenza).
Confronto affiancato
La tabella seguente presenta le immagini PNG (compresse con pngcrush e pngout), le immagini WebP senza perdita di dati e le immagini WebP con perdita di dati con alpha per il confronto affiancato. Le immagini vengono sovrapposte su uno sfondo a scacchi, come accade solitamente nei software di grafica.
Tieni presente che abbiamo utilizzato la qualità Webp 90 per le immagini WebP con perdita di dati con qualità alfa e predefinita per le immagini WebP senza perdita di dati. Per ulteriori dettagli, consulta la sezione Riproduzione delle immagini.
Per i browser che non sono in grado di visualizzare WebP, vengono visualizzate le immagini WebP, riconvertite in PNG. Se hai un browser compatibile, puoi trovare i link ai file WebP di seguito. Inoltre, le immagini in questa pagina sono ridimensionate per comodità di visualizzazione. Fai clic su un'immagine per visualizzarla a dimensione intera.
Nella tabella sono indicate anche le dimensioni delle immagini ottenute in ciascuna modalità.
PN | WebP-lossless | WebP-lossy (con alpha) |
|---|---|---|
| "Rosa gialla"1 | ||
 Dimensione file ottimizzata PNG: 110,7 kB |
 Dimensioni file WebP-lossless: 79,9 kB |
 Dimensioni file WebP-lossy (con alpha): 17,7 kB |
| "baby tux per la mia pagina utente" 2 | ||
 Dimensione file ottimizzata PNG: 38,1 kB |
 Dimensioni file WebP-lossless: 27,0 kB |
 Dimensioni file WebP-lossy (con alpha): 13,8 kB |
| "Dimostrazione della trasparenza PNG" 3 | ||
 Dimensione file ottimizzata PNG: 213,5 kB |
 Dimensioni file WebP-lossless: 149,0 kB |
 Dimensioni file WebP-lossy (con alpha): 51,6 kB |
| "189° anniversario della nascita di Gregor Mendel" 4 | ||
 Dimensione file ottimizzata PNG: 49,2 kB |
 Dimensioni file WebP-lossless: 33,2 kB |
 Dimensioni file WebP-lossy (con alpha): 18,3 kB |
| "Scheda bussola trasparente per overlay" 5 | ||
 Dimensione file ottimizzata PNG: 126,8 kB |
 Dimensioni file WebP-lossless: 97,1 kB |
 Dimensioni file WebP-lossy (con alpha): 57,3 kB |
Ecco i link ai file WebP (visualizzabili in Chrome 22 e versioni successive):
| "Rosa gialla": | File WebP senza perdita di dati (80,1 kB) | File WebP-lossy (con alpha) (18,4 kB) |
| "baby tux per la mia pagina utente": | File WebP senza perdita di dati (27,0 kB) | File WebP-lossy (con alpha) (14,1 kB) |
| "Dimostrazione della trasparenza PNG": | File WebP senza perdita di dati (149,1 kB) | File WebP-lossy (con alpha) (52,6 kB) |
| "189° anniversario della nascita di Gregor Mendel": | File WebP senza perdita di dati (33,3 kB) | File WebP-lossy (con alpha) (19,0 kB) |
| "Scheda bussola trasparente per overlay": | File WebP senza perdita di dati (97,1 kB) | File WebP-lossy (con alpha) (57,3 kB) |
Copyright immagine
Le immagini di questa pagina provengono da una serie di fonti diverse. I riconoscimenti per le immagini sopra sono elencati qui in ordine.
| 1 |
"Foto senza costi in alta risoluzione - Rosa gialla 3 - Fiori" Autore dell'immagine: Jon Sullivan Questo file è di dominio pubblico. Origine JPEG |
| 2 |
"baby tux per la mia pagina utente" Autore immagine: Fizyplankton Questo file è di dominio pubblico. Origine PNG |
| 3 |
"Dimostrazione della trasparenza PNG" Autore dell'immagine: codice sorgente di POV-Ray Foto concessa in base alla licenza Creative Commons Attribuzione-Condividi allo stesso modo 3.0 Unported. Origine PNG |
| 4 |
"189° anniversario della nascita di Gregor Mendel" Autore dell'immagine: team di Google Doodle Grazie al team di Google Doodle per questa immagine. Origine PNG |
| 5 |
"Scheda bussola trasparente per overlay" Autore dell'immagine: Denelson83 Questo file è concesso in licenza con la licenza Creative Commons Attribution-Share Alike 3.0 Unported. Origine PNG |
Riproduzione delle immagini
Per motivi di riproducibilità e per dimostrare l'uso di alcuni parametri di compressione WebP, di seguito vengono descritti i passaggi esatti per la generazione delle immagini in questa galleria.
Strumenti
Per la ricompressione PNG, viene utilizzato il miglior risultato di pngcrush 1.8.13 e ZopfliPNG 1.0.3. Vengono utilizzate le seguenti opzioni della riga di comando
Pngcrush:
pngcrush -brute -rem tEXt -rem tIME -rem iTXt -rem zTXt -rem gAMA -rem cHRM -rem iCCP -rem sRGB -rem alla -rem text input.png output-candidate.png
ZopfliPNG:
zopflipng --lossy_transparent input.png output-candidate.png
ZopfliPNG con tutti i filtri:
zopflipng --iterations=500 --filters=01234mepb --lossy_8bit --lossy_transparent input.png output-candidate.png
Per ridimensionare alcune delle immagini di origine più grandi (solo per la visualizzazione), abbiamo utilizzato una versione recente dello strumento ImageMagick denominata convert, disponibile all'indirizzo https://www.imagemagick.org. La riga di comando esatta era la seguente:
convert image.png -resize 240x image_resized.png
Compressione in WebP-lossless
Per convertire PNG in WebP senza perdita di dati, abbiamo utilizzato l'opzione "senza perdita di dati" nello strumento cwebp. Per ottenere l'output minimo, l'esatta riga di comando utilizzata era la seguente:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
Rendering di WebP senza perdita di dati
Abbiamo convertito le immagini WebP senza perdita di dati in PNG utilizzando lo strumento dwebp per il rendering. La riga di comando esatta utilizzata è la seguente:
dwebp webp_lossless.webp -o output.png
Compressione in WebP con perdita di dati (con alpha)
Abbiamo utilizzato lo strumento cwebp per convertire PNG in WebP-lossy (con alpha). Abbiamo selezionato la qualità WebP di 90 (compressione con perdita di dati) e la qualità alfa di 100 (compressione senza perdita di dati). La riga di comando esatta utilizzata è la seguente:
cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp
Rendering di WebP con perdita di dati (con alpha)
Abbiamo convertito le immagini WebP-lossy (con alpha) in PNG utilizzando lo strumento dwebp per il rendering. La riga di comando esatta utilizzata è la seguente:
dwebp webp_alpha.webp -o output.png