Contenu de cette galerie
Il est préférable d'afficher cette page de galerie dans un navigateur compatible avec WebP, comme Google Chrome, Opera et autres.
Si vous n'avez pas accès à Google Chrome, vous pouvez télécharger les images un disque local pour l'utiliser avec d'autres produits compatible avec WebP.
Exemples de fichiers image au format JPEG et WebP, et fichier source PNG
Le tableau ci-dessous présente des images JPEG (à gauche) et WebP (à droite) mises à l'échelle. côte à côte à des fins de comparaison. Les navigateurs étant compatibles de manière native avec WebP, nous ne plaçons plus d'images WebP dans un conteneur PNG comme nous l'avions fait au lancement. Illustrée la taille des fichiers est exacte. Cliquez sur les vignettes JPEG et WebP pour ouvrir grandes images dans un nouvel onglet
La taille des fichiers sous les vignettes correspond à la taille des fichiers des images lorsque vous cliquez sur les miniatures. Les images WebP sont plus de 30% plus petites que celles du format JPEG.
JPEG | WEBP |
---|---|
"Nærøyfjorden, en Norvège – depuis Breiskrednosi. UNESCO Monde Patrimoine" 1. | |
<ph type="x-smartling-placeholder"></ph>
![]() Taille du fichier JPEG: 43,84 Ko |
<ph type="x-smartling-placeholder"></ph>
![]() Taille du fichier WebP: 29,61 Ko |
"Kayaker à Ekstremsportveko 2010, Voss". 2 | |
<ph type="x-smartling-placeholder"></ph>
![]() Taille du fichier JPEG: 86,25 Ko |
<ph type="x-smartling-placeholder"></ph>
![]() Taille du fichier WebP: 59,18 Ko |
Image 10 de la série "Parkrun" séquence 3. | |
<ph type="x-smartling-placeholder"></ph>
![]() Taille du fichier JPEG: 297,05 Ko |
<ph type="x-smartling-placeholder"></ph>
![]() Taille du fichier WebP: 198,38 Ko |
Image: "Cerisier sauvage (Prunus avium) en fleur" 4. | |
<ph type="x-smartling-placeholder"></ph>
![]() Taille du fichier JPEG: 251,03 Ko |
<ph type="x-smartling-placeholder"></ph>
![]() Taille du fichier WebP: 172,82 ko |
Image: Bracelet respirant le feu "Jaipur Maharaja Brass Band" Chassepierre Belgique 5. | |
<ph type="x-smartling-placeholder"></ph>
![]() Taille du fichier JPEG: 120,78 Ko |
<ph type="x-smartling-placeholder"></ph>
![]() Taille du fichier WebP: 80,76 Ko |
Crédits photo
Les images de cette page proviennent de différentes sources. Nous avons nous avons sélectionné des images attrayantes et riches pour mettre en avant les qualités WebP. Célèbres images classiques, comme Lena, le babouin, etc., souvent utilisées par compression, ne sont malheureusement pas libres de droits.
Les crédits des images ci-dessus sont listés ici dans l'ordre.
1 |
"Nærøyfjorden, en Norvège – depuis Breiskrednosi. Patrimoine mondial de l'UNESCO" Auteur de l'image: Kjetil Birkeland Moe Reproduit avec l'autorisation de l'auteur. <ph type="x-smartling-placeholder"></ph> Source PNG <ph type="x-smartling-placeholder"></ph> Article de blog par auteur, avec comparaison entre JPEG et WebP. Souris survole les exemples. |
2 |
"Kayaker à Ekstremsportveko 2010, Voss" Auteur de l'image: Kjetil Birkeland Moe Reproduit avec l'autorisation de l'auteur. <ph type="x-smartling-placeholder"></ph> Source PNG <ph type="x-smartling-placeholder"></ph> Article de blog par auteur, avec comparaison entre JPEG et WebP. Souris survole les exemples. |
3 |
Image 10 de la série "Parkrun" séquence Producteur d'images: Lars Haglund, SVT Sveriges Television AB Reproduit avec l'autorisation du producteur <ph type="x-smartling-placeholder"></ph> Source PNG |
4 |
Image: Cerisier sauvage (Prunus avium) en fleur Auteur de l'image: Benjamin Gimmel <ph type="x-smartling-placeholder"></ph> Source PNG Photo sous licence Creative Commons . Licence Attribution - Partage des conditions initiales à l'identique 3.0 non porté |
5 |
Image: Bracelet respirant le feu "Jaipur Maharaja Brass Band" Chassepierre Belgique Auteur: Luc Viatour <ph type="x-smartling-placeholder"></ph> Source PNG Photo sous licence Creative Commons . Licence Attribution - Partage des conditions initiales à l'identique 3.0 non porté Site Web de l'auteur : www.lucnix.be |
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 convertir et redimensionner les images sources, nous avons utilisé une version récente de
Outil d'ImageMagick nommé convert
, disponible sur https://www.imagemagick.org.
Les informations de version se présentent comme suit:
Version: ImageMagick 6.5.7-8 2010-12-02 Q16 https://www.imagemagick.org
Pour la compression JPEG, nous avons utilisé la version 8b de l'encodeur de référence IJG, disponible à l'adresse https://www.ijg.org/files/jpegsrc.v8b.tar.gz.
Les informations de version se présentent comme suit:
Independent JPEG Group's CJPEG, version 8b 16-May-2010
Copyright (C) 2010, Thomas G. Lane, Guido Vollbeding
Génération des images PNG sources
Tout d'abord, les sources JPEG sont converties sans perte au format PNG simplement à l'aide de la commande suivante:
convert in.jpg out.png
Ensuite, les grandes images sources sont redimensionnées à une largeur inférieure de 1 024 pixels. en exécutant la commande suivante:
convert in.png -depth 16 -gamma 0.454545 -filter lanczos -resize 1024 -gamma 2.2 -depth 8 out.png
pour produire l'ensemble final d'images PNG sources.
Compression au format JPEG
L'encodeur JPEG (cjpeg
) prend les images d'entrée au format PPM. Nous utilisons convert
pour
les générer. La séquence de conversion complète est alors:
convert in.png tmp.ppm
cjpeg -optimize -quality 80 -outfile out.jpg tmp.ppm
qui produit des fichiers JPEG optimisés avec un facteur de qualité de 80.
Compression au format WebP
Nous avions pour objectif de réduire la taille des fichiers de 30% par rapport aux fichiers JPEG optimisés.
C'est pourquoi nous avons spécifié explicitement les tailles cibles pour chaque image.
De plus, nous définissons des valeurs ad hoc pour l'intensité de filtrage pour chaque
grâce à l'option -f
de l'outil cwebp
. L'amplitude de
la mise en forme du bruit spatial est également renforcée sur certaines images grâce à la
Option -sns
. Les lignes de commande exactes utilisées sont les suivantes:
cwebp -m 6 -f 50 -size 31500 1.png -o 1.webp
cwebp -m 6 -f 20 -sns 100 -size 62000 2.png -o 2.webp
cwebp -m 6 -sns 90 -size 213000 3.png -o 3.webp
cwebp -m 6 -f 40 -size 181000 4.png -o 4.webp
cwebp -m 6 -f 40 -size 89000 5.png -o 5.webp
Dans l'ensemble, les fichiers WebP obtenus ont permis de réaliser une économie globale de 32% par rapport à à la taille des fichiers JPEG.
Notez que les vignettes WebP utilisées sur cette page sont également plus petites de 26% par rapport à leur équivalent JPEG.