Contenuti di questa galleria
Questa galleria presenta alcune immagini di esempio per illustrare due nuove modalità di WebP: WebP senza perdita di dati e WebP con perdita di dati con alpha (supporto per la trasparenza).
Confronto fianco a fianco
La tabella seguente presenta immagini PNG (compresse con pngcrush e pngout), Immagini senza perdita di dati WebP e immagini con perdita di dati WebP con Alpha per affiancarle a confronto. Le immagini sono sovrapposte su uno sfondo a scacchi, come in genere che viene eseguito nel software di grafica.
Tieni presente che abbiamo utilizzato la qualità WebP 90 per le immagini con perdita di dati WebP con alpha e qualità predefinita per le immagini senza perdita di dati WebP. Consulta Sezione Riproduzione delle immagini per ulteriori dettagli.
Presentiamo le immagini WebP, riconvertite in PNG, per i browser non in grado di eseguire il rendering di WebP. Se disponi di un browser compatibile, puoi trovare il link ai file WebP di seguito. Inoltre, le immagini in questa pagina sono è stato ridotto per comodità di visualizzazione. Fai clic su un'immagine per visualizzare la versione a grandezza originale dell'immagine.
Nella tabella sono indicate anche le dimensioni delle immagini ottenute in ciascuna modalità.
PN | WebP senza perdita | WebP con perdita di dati (con alpha) |
|---|---|---|
| "Rosa gialla" 1 | ||
 Dimensione file ottimizzata per PNG: 110.7 KB |
 Dimensione file WebP-lossless: 79.9 KB |
 Dimensione file WebP-lossy (con alfa): 17.7 KB |
| "smoking da neonati per la mia pagina utente" 2 | ||
 Dimensione file ottimizzata per PNG: 38.1 KB |
 Dimensione file WebP senza perdita di dati: 27.0 KB |
 Dimensione file WebP-lossy (con alfa): 13.8 KB |
| "Dimostrazione di trasparenza PNG" 3 | ||
 Dimensione file ottimizzata per PNG: 213,5 KB |
 Dimensione file WebP-lossless: 149.0 KB |
 Dimensione file WebP-lossy (con alfa): 51.6 KB |
| "189° anniversario della nascita di Gregor Mendel" 4 | ||
 Dimensione file ottimizzata per PNG: 49,2 KB |
 Dimensione file WebP senza perdita di dati: 33.2 KB |
 Dimensione file WebP-lossy (con alfa): 18.3 KB |
| "Scheda bussola trasparente per gli overlay" 5 | ||
 Dimensione file ottimizzata per PNG: 126.8 KB |
 Dimensione file WebP senza perdita di dati: 97.1 KB |
 Dimensione file WebP-lossy (con alfa): 57.3 KB |
Ecco i link ai file WebP (visualizzabili in Chrome 22 e versioni successive):
| "Rosa gialla": | File WebP-lossless (80,1 KB) | File WebP-lossy (con alpha) (18,4 KB) |
| "tacco da bambino per la mia pagina utente": | File WebP-lossless (27.0 KB) | File WebP-lossy (con alpha) (14,1 KB) |
| "Dimostrazione di trasparenza dei file PNG": | File WebP-lossless (149,1 KB) | File WebP-lossy (con alpha) (52,6 KB) |
| "189° anniversario della nascita di Gregor Mendel": | File WebP-lossless (33,3 KB) | File WebP-lossy (con alpha) (19.0 KB) |
| "Scheda bussola trasparente per gli overlay": | File WebP-lossless (97,1 KB) | File WebP-lossy (con alpha) (57,3 KB) |
Copyright immagine
Le immagini in questa pagina provengono da varie fonti. Crediti per le immagini sopra sono elencate qui in ordine.
| 1 |
"Foto stock senza costi in alta risoluzione - Rosa gialla 3 - Fiori" Autore immagine: Jon Sullivan Questo file è di dominio pubblico. Origine JPEG |
| 2 |
"smoking da neonati per la pagina utente" Autore dell'immagine: Fizyplankton Questo file è di dominio pubblico. Origine PNG |
| 3 |
"Dimostrazione di trasparenza PNG" Autore immagine: codice sorgente POV-Ray Foto concessa in licenza ai sensi dei Creative Commons Licenza Attribuzione-Condividi allo stesso modo 3.0 Unported. Origine PNG |
| 4 |
"189° anniversario della nascita di Gregor Mendel" Autore immagine: team dei doodle di Google Grazie al team dei doodle di Google per questa immagine. Origine PNG |
| 5 |
"Scheda bussola trasparente per gli overlay" Autore immagine: Denelson83 Questo file è concesso in licenza ai sensi della Creative Commons Licenza Attribuzione-Condividi allo stesso modo 3.0 Unported. Origine PNG |
Riproduzione delle immagini
per motivi di riproducibilità e per dimostrare l'uso di alcuni modelli parametri di compressione, in questo articolo descriviamo i passaggi esatti generando le immagini in questa galleria.
Strumenti
Per la ricompressione PNG, il miglior risultato da 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
PNG:
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 sorgente più grandi (solo per la visualizzazione), abbiamo utilizzato un
versione più recente dello strumento di ImageMagick denominato convert, disponibile all'indirizzo
https://www.imagemagick.org. L'esatta riga di comando era la seguente:
convert image.png -resize 240x image_resized.png
Compressione in modalità senza perdita di dati WebP
Abbiamo usato il metodo 'lossless' nello strumento cwebp per convertire il file PNG in WebP- senza perdita di dati. Per ottenere l'output minimo, l'esatta riga di comando utilizzata è come segue:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
Rendering senza perdita di dati WebP
Abbiamo riconvertito le immagini senza perdita di dati WebP in PNG utilizzando lo strumento dwebp per il rendering. L'esatta riga di comando utilizzata era la seguente:
dwebp webp_lossless.webp -o output.png
Compressione con perdita di dati WebP (con alpha)
Abbiamo utilizzato lo strumento cwebp per convertire PNG in WebP-lossy (con alpha). Abbiamo selezionato Qualità WebP 90 (compressione con perdita di dati) e qualità alfa 100 (senza perdita di dati) compressione). L'esatta riga di comando utilizzata era la seguente:
cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp
Rendering con perdita di dati WebP (con alpha)
Abbiamo riconvertito le immagini WebP con perdita di dati (con alpha) in PNG utilizzando lo strumento dwebp per per il rendering delle immagini. L'esatta riga di comando utilizzata era la seguente:
dwebp webp_alpha.webp -o output.png