Contenu de cette galerie
Cette galerie présente des exemples d'images illustrant deux nouveaux modes de WebP: WebP sans perte et WebP avec perte alpha (prise en charge de la transparence).
Comparaison côte à côte
Le tableau ci-dessous présente des images PNG (compressées avec pngcrush et pngout), Images sans perte WebP et images avec perte WebP avec la version alpha pour les images côte à côte comparaison. Les images sont superposées à un arrière-plan quadrillé, comme d'habitude. le fait dans les logiciels graphiques.
Notez que nous avons utilisé la qualité WebP 90 pour les images avec perte WebP, avec les couches alpha et par défaut pour les images sans perte WebP. Voir Reproduire les images.
Nous présentons les images WebP, reconverties au format PNG, pour les navigateurs non capable d'afficher le WebP. Si vous disposez d'un navigateur compatible, le Liens vers les fichiers WebP ci-dessous. De plus, les images de cette page sont pour plus de commodité. Cliquez sur une image pour l'afficher en taille réelle l'image.
Le tableau indique également la taille d'image obtenue dans chaque mode.
PNG | WebP sans perte | Avec perte WebP (avec alpha) |
---|---|---|
"Rose jaune" 1. | ||
<ph type="x-smartling-placeholder"></ph>
Taille du fichier PNG optimisé: 110,7 Ko |
<ph type="x-smartling-placeholder"></ph>
Taille du fichier sans perte WebP: 79,9 Ko |
<ph type="x-smartling-placeholder"></ph>
Taille du fichier avec perte WebP (avec alpha) : 17,7 Ko |
"smoking de bébé pour ma page d'utilisateur" 2. | ||
<ph type="x-smartling-placeholder"></ph>
Taille du fichier PNG optimisé: 38,1 Ko |
<ph type="x-smartling-placeholder"></ph>
Taille du fichier sans perte WebP: 27 ko |
<ph type="x-smartling-placeholder"></ph>
Taille du fichier avec perte WebP (avec alpha) : 13,8 Ko |
"Démonstration de transparence au format PNG" 3. | ||
<ph type="x-smartling-placeholder"></ph>
Taille du fichier PNG optimisé: 213,5 Ko |
<ph type="x-smartling-placeholder"></ph>
Taille du fichier sans perte WebP: 149 Ko |
<ph type="x-smartling-placeholder"></ph>
Taille du fichier avec perte WebP (avec alpha) : 51,6 Ko |
"Il y a 189 ans naissait Gregor Mendel" 4. | ||
<ph type="x-smartling-placeholder"></ph>
Taille du fichier PNG optimisé: 49,2 Ko |
<ph type="x-smartling-placeholder"></ph>
Taille du fichier sans perte WebP: 33,2 Ko |
<ph type="x-smartling-placeholder"></ph>
Taille du fichier avec perte WebP (avec alpha) : 18,3 Ko |
"Carte d'orientation transparente pour les superpositions" 5. | ||
<ph type="x-smartling-placeholder"></ph>
Taille du fichier PNG optimisé: 126,8 Ko |
<ph type="x-smartling-placeholder"></ph>
Taille du fichier sans perte WebP: 97,1 Ko |
<ph type="x-smartling-placeholder"></ph>
Taille du fichier avec perte WebP (avec alpha) : 57,3 Ko |
Voici les liens vers les fichiers WebP (visibles dans Chrome 22 et versions ultérieures):
"Rose jaune": | <ph type="x-smartling-placeholder"></ph> Fichier WebP sans perte (80,1 Ko) | <ph type="x-smartling-placeholder"></ph> Fichier WebP avec perte (avec alpha) (18,4 Ko) |
"baby tux pour ma page utilisateur": | <ph type="x-smartling-placeholder"></ph> Fichier WebP sans perte (27 Ko) | <ph type="x-smartling-placeholder"></ph> Fichier WebP avec perte (avec alpha) (14,1 Ko) |
"Démonstration de transparence au format PNG" : | <ph type="x-smartling-placeholder"></ph> Fichier WebP sans perte (149,1 Ko) | <ph type="x-smartling-placeholder"></ph> Fichier WebP avec perte (avec alpha) (52,6 Ko) |
"189e anniversaire de Gregor Mendel" | <ph type="x-smartling-placeholder"></ph> Fichier WebP sans perte (33,3 Ko) | <ph type="x-smartling-placeholder"></ph> Fichier WebP avec perte (avec alpha) (19 Ko) |
"Carte d'orientation transparente pour les superpositions": | <ph type="x-smartling-placeholder"></ph> Fichier WebP sans perte (97,1 Ko) | <ph type="x-smartling-placeholder"></ph> Fichier WebP avec perte (avec alpha) (57,3 Ko) |
Crédits photo
Les images de cette page proviennent de différentes sources. Avoirs pour les images ci-dessus sont répertoriées ici dans l'ordre.
1 |
"Banque de photos sans frais en haute résolution – Rose jaune 3 – Fleurs" Auteur de l'image: Jon Sullivan Ce fichier appartient au domaine public. <ph type="x-smartling-placeholder"></ph> Source JPEG |
2 |
"petit maillot pour ma page utilisateur" Auteur de l'image: Fizyplankton Ce fichier appartient au domaine public. <ph type="x-smartling-placeholder"></ph> Source PNG |
3 |
"Démonstration de transparence au format PNG" Auteur de l'image: code source POV-Ray Photo sous licence <ph type="x-smartling-placeholder"></ph> Creative Commons <ph type="x-smartling-placeholder"></ph> Licence Attribution-Share Alike 3.0 Unported. <ph type="x-smartling-placeholder"></ph> Source PNG |
4 |
"Il y a 189 ans naissait Gregor Mendel" Auteur de l'image: équipe Google Doodle Merci à l'équipe Google Doodle pour cette image. <ph type="x-smartling-placeholder"></ph> Source PNG |
5 |
"Carte d'orientation transparente pour les superpositions" Auteur de l'image: Denelson83 Ce fichier est concédé sous licence <ph type="x-smartling-placeholder"></ph> Creative Commons <ph type="x-smartling-placeholder"></ph> Licence Attribution-Share Alike 3.0 Unported. <ph type="x-smartling-placeholder"></ph> Source PNG |
Reproduire les images
À des fins de reproductibilité et pour démontrer l'utilisation de certains éléments WebP de compression, nous décrivons ici les étapes exactes à suivre pour générer les images de cette galerie.
Outils
Pour la recompression PNG, le meilleur résultat avec pngcrush 1.8.13 et ZopfliPNG 1.0.3 est utilisé. Les options de ligne de commande suivantes sont utilisées
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 avec tous les filtres:
zopflipng --iterations=500 --filters=01234mepb --lossy_8bit --lossy_transparent input.png output-candidate.png
Pour redimensionner certaines images sources de grande taille (à des fins de consultation uniquement), nous avons utilisé un
version récente de l'outil d'ImageMagick convert
, disponible à l'adresse
https://www.imagemagick.org. La ligne de commande exacte était la suivante:
convert image.png -resize 240x image_resized.png
Compression en mode WebP sans perte
Nous avons utilisé le modèle "sans perte" option de l'outil cwebp pour convertir des fichiers PNG au format WebP- sans perte. Pour obtenir le résultat minimal, la ligne de commande exacte utilisée était comme suit:
cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp
Afficher sans perte WebP
Nous avons converti des images sans perte WebP au format PNG à l'aide de l'outil dwebp pour le rendu. La ligne de commande exacte utilisée était la suivante:
dwebp webp_lossless.webp -o output.png
Compression au format WebP avec perte (avec alpha)
Nous avons utilisé l'outil cwebp pour convertir le format PNG au format WebP avec perte (avec alpha). Nous avons sélectionné Qualité WebP de 90 (compression avec perte) et qualité alpha de 100 (sans perte) la compression). La ligne de commande exacte utilisée était la suivante:
cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp
Affichage avec perte WebP (avec alpha)
Nous avons converti des images WebP avec pertes (avec canal alpha) au format PNG à l'aide de l'outil dwebp pour le rendu. La ligne de commande exacte utilisée était la suivante:
dwebp webp_alpha.webp -o output.png