Cette page a été traduite par l'API Cloud Translation.

Sans perte et galerie alpha

Contenu de cette galerie

Cette galerie présente quelques exemples d'images pour présenter deux nouveaux modes de WebP : WebP-lossless et WebP-lossy avec 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), des images WebP-lossy et des images WebP-lossy avec Alpha pour une comparaison côte à côte. Les images sont superposées sur un arrière-plan quadrillé, comme le font généralement les logiciels graphiques.

Notez que nous avons utilisé une qualité webp de 90 pour les images WebP avec perte avec la version alpha et la qualité par défaut pour les images WebP-lossless. Pour en savoir plus, consultez la section Reproduire les images.

Nous présentons les images WebP reconverties au format PNG pour les navigateurs qui ne peuvent pas afficher le format WebP. Si vous disposez d'un navigateur compatible, vous trouverez les liens vers les fichiers WebP ci-dessous. En outre, les images de cette page sont réduites pour plus de commodité. Cliquez sur une image pour l'afficher en taille réelle.

Le tableau indique également la taille d'image obtenue dans chaque mode.

PNG	WebP-lossless	WebP-lossy (avec alpha)
"Rose jaune"¹
Taille de fichier PNG optimisée: 110,7 Ko	Taille du fichier WebP sans perte: 79,9 Ko	Taille du fichier WebP avec pertes (avec version alpha) : 17,7 Ko

"tux pour bébé pour ma page d'utilisateur"²
Taille de fichier PNG optimisée: 38,1 Ko	Taille du fichier WebP sans perte: 27 Ko	Taille du fichier WebP avec pertes (avec version alpha) : 13,8 Ko

"Démonstration de la transparence au format PNG" ³
Taille de fichier PNG optimisée: 213,5 Ko	Taille du fichier WebP sans perte: 149 Ko	Taille du fichier WebP avec pertes (avec version alpha) : 51,6 Ko

"189e anniversaire de Gregor Mendel"⁴
Taille de fichier PNG optimisée: 49,2 Ko	Taille du fichier sans perte WebP: 33,2 Ko	Taille du fichier WebP avec pertes (avec version alpha) : 18,3 Ko

"Fiche de boussole transparente pour les superpositions"⁵
Taille de fichier PNG optimisée: 126,8 Ko	Taille du fichier WebP sans perte: 97,1 Ko	Taille du fichier WebP avec pertes (avec version alpha) : 57,3 Ko

Voici les liens vers les fichiers WebP (visibles dans Chrome 22 et versions ultérieures):

"Yellow Rose":	Fichier WebP-lossless (80,1 Ko)	Fichier WebP-lossy (avec alpha) (18,4 Ko)
"baby tux pour ma page d'utilisateur":	Fichier WebP-lossless (27 Ko)	Fichier WebP-lossy (avec alpha) (14,1 Ko)
"Démonstration de la transparence au format PNG":	Fichier WebP-lossless (149,1 Ko)	Fichier WebP-lossy (avec version alpha) (52,6 Ko)
"189e anniversaire de Gregor Mendel":	Fichier WebP-lossless (33,3 Ko)	Fichier WebP-lossy (avec version alpha) (19 Ko)
"Carte boussole transparente pour les superpositions":	Fichier WebP-lossless (97,1 Ko)	Fichier WebP-lossy (avec version alpha) (57,3 Ko)

Crédits photo

Les images présentées sur cette page proviennent de différentes sources. Les crédits associés aux images ci-dessus sont listés ici dans l'ordre.

1	"Stock photo sans frais en haute résolution - Yellow Rose 3 - Flowers" Auteur de l'image: Jon Sullivan Ce fichier appartient au domaine public. Source JPEG
2	"baby tux for my user page" Auteur de l'image: Fizyplankton Ce fichier appartient au domaine public. Source PNG
3	"Démonstration de la transparence au format PNG" Auteur de l'image: code source POV-Ray Photo sous licence Creative Commons Attribution-Share Alike 3.0 Unported. Source PNG
4	"189e anniversaire de Gregor Mendel" Auteur de l'image: équipe des doodles Google Merci à l'équipe des doodles Google pour cette image. Source PNG
5	"Carte d'orientation transparente pour les superpositions" Auteur de l'image: Denelson83 Ce fichier est concédé sous licence Creative Commons Attribution - Partage dans les mêmes conditions 3.0 Unported. Source PNG

Reproduire les images

Par souci de reproductibilité et pour illustrer l'utilisation de certains paramètres de compression WebP, nous décrivons ici les étapes exactes à suivre lors de la génération des images de cette galerie.

Outils

Pour la recompression PNG, le meilleur résultat est celui de pngcrush 1.8.13 et ZopfliPNG 1.0.3. 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 des images sources plus grandes (pour affichage uniquement), nous avons utilisé une version récente de l'outil d'ImageMagick nommée convert, disponible sur https://www.imagemagick.org. La ligne de commande exacte était la suivante:

convert image.png -resize 240x image_resized.png

Compression vers WebP sans perte

Nous avons utilisé l'option "sans perte" de l'outil cwebp pour convertir le fichier PNG en WebP sans perte. Pour obtenir la sortie minimale, la ligne de commande exacte utilisée était la suivante:

cwebp input.png -lossless -m 6 -q 100 -o webp_lossless.webp

Rendu WebP sans perte

Nous avons reconverti les images WebP sans perte au format PNG à l'aide de l'outil dwebp pour le rendu. Voici la ligne de commande exacte utilisée:

dwebp webp_lossless.webp -o output.png

Compression vers WebP-lossy (avec version alpha)

Nous avons utilisé l'outil cwebp pour convertir le fichier PNG en WebP-lossy (avec alpha). Nous avons sélectionné la qualité WebP de 90 (compression avec pertes) et la qualité alpha de 100 (compression sans perte). Voici la ligne de commande exacte utilisée:

cwebp input.png -q 90 -alpha_q 100 -m 6 -o webp_alpha.webp

Affichage avec perte WebP (avec version alpha)

Nous avons reconverti les images WebP-lossy (avec alpha) au format PNG à l'aide de l'outil dwebp pour le rendu. Voici la ligne de commande exacte utilisée:

dwebp webp_alpha.webp -o output.png