Sans perte et galerie alpha

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> Image sans perte WebP
Taille du fichier sans perte WebP: 79,9 Ko
<ph type="x-smartling-placeholder"></ph> Image avec perte WebP (avec alpha)
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> Image sans perte WebP
Taille du fichier sans perte WebP: 27 ko
<ph type="x-smartling-placeholder"></ph> Image avec perte WebP (avec alpha)
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> Image sans perte WebP
Taille du fichier sans perte WebP: 149 Ko
<ph type="x-smartling-placeholder"></ph> Image avec perte WebP (avec alpha)
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> Image sans perte WebP
Taille du fichier sans perte WebP: 33,2 Ko
<ph type="x-smartling-placeholder"></ph> Image avec perte WebP (avec alpha)
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> Image sans perte WebP
Taille du fichier sans perte WebP: 97,1 Ko
<ph type="x-smartling-placeholder"></ph> Image avec perte WebP (avec alpha)
Taille du fichier avec perte WebP (avec alpha) : 57,3 Ko
"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