WebP est un format d’image alternatif pour la compression sans perte et avec perte. Le format d’image a été développé par Google et On2 pour répondre à l’utilisation croissante des images sur les sites Web, qui devenaient un goulot d’étranglement pour les temps de chargement.
WebP est un format pour des images fixes non animées, basé sur la technologie de VP8 du format vidéo WebM, avec VP9 déjà à l’horizon. Cependant, la compatibilité de VP9 dans le montage vidéo n’est pas encore largement répandue. L’utilisation de la ligne de commande permet d’utiliser WebM avec VP9 sans restrictions, comme nous l’avons constaté dans plusieurs applications en 2018. Il reste à voir dans quelle mesure les avantages de VP9 influenceront le développement futur du format d’image WebP.
Configuration du serveur web
Pour afficher les images WebP, le serveur web doit être configuré en conséquence, idéalement avec une solution de secours. Si une image est disponible en format WebP, elle sera chargée comme le format préféré par le navigateur avec la configuration adéquate. Si aucune version WebP n’est disponible, l’image JPG ou PNG sera affichée à la place.
Pour les sites web avec peu d’images, les images supplémentaires en format WebP peuvent être générées localement et simplement téléchargées via FTP. Cependant, pour les boutiques en ligne avec des milliers d’images, qui sont probablement également organisées en dossiers, cela n’est pas pratique. Dans ce cas, un script shell peut être créé pour générer les images existantes localement ou directement sur le serveur.
Pour un meilleur contrôle des résultats, il est recommandé d’exécuter d’abord le script shell localement sur une série d’images.
Compatibilité des navigateurs
Jusqu’à la fin de 2018, Mozilla ne proposait pas de prise en charge pour Firefox car WebP, aux yeux des développeurs de Mozilla, ne présentait aucun avantage par rapport au JPG, tandis que Opera et Chrome étaient compatibles avec WebP depuis des années.
Depuis janvier 2019, Mozilla Firefox version 65 et ultérieure prend en charge le format d’image WebP.
Quels navigateurs sont compatibles avec WebP
Pour éviter les problèmes de compatibilité avec les navigateurs non pris en charge, il est conseillé de mettre en place une solution de secours vers un format d’image alternatif. Si un navigateur non compatible est utilisé, le navigateur chargera l’image fournie dans un format compatible tel que JPG ou PNG. Il est facile de vérifier si le navigateur a chargé le format souhaité.
Les tests devraient montrer si WebP offre réellement une alternative solide par rapport à JPG ou PNG.
Image de test synthétique en niveaux de gris avec motif de dégradé linéaire
Même avec la qualité la plus élevée, des différences entre PNG et WebP sont remarquées. WebP a une taille de fichier plus petite, mais présente déjà un léger pixelisme, ce qui entre en conflit avec le terme “compression sans perte” (à 100%).
Compression WebP avec perte - Comparaison de la taille des fichiers
Pour minimiser la taille de l’image autant que possible, l’image de test est compressée avec WebP avec perte. Tandis que les images de petite taille semblent presque identiques au premier coup d’œil, un pixelisme clair devient visible avec l’image plus grande.
Le résultat pour ce motif est impressionnant à la fois en qualité et en taille de fichier. Il est évident que, comme pour JPG, il y a des économies exponentielles de données à mesure que la résolution augmente. Plus l’image est grande, plus l’algorithme devient efficace. Bien que le rapport d’économies pour WebP dans le test soit légèrement inférieur à celui de JPG, il faut noter que la taille absolue du fichier des images WebP est seulement une fraction.
Plus l’image est complexe et plus elle contient de structures fines et de dégradés de couleurs, plus le résultat visuel est mauvais avec des paramètres de qualité plus bas.
Selon le motif, la qualité visuelle de WebP peut, dans certains cas, être inférieure à celle de JPG avec la même taille de fichier.
Détails avec WebP
WebP a des difficultés avec les images très détaillées. Qu’il s’agisse de pores de la peau, d’une forêt en hiver ou de la représentation du vent frappant la surface de l’eau, ces éléments exigent beaucoup du codec et exposent rapidement les limites de WebP. Tandis que seuls quelques détails manquent dans la miniature (par exemple, une peau plus lisse) et sont généralement remarqués uniquement en y regardant de plus près, les différences deviennent bien plus évidentes en vue complète.
Lors du test avec perte, WebP se comporte bien. En particulier, pour les tailles de miniatures, le résultat est convaincant. La taille du fichier peut être considérablement réduite. Cependant, en vue complète, les artefacts de compression et les différences de détails deviennent rapidement visibles.
Pour afficher des images vraiment nettes, WebP n’est pas idéal pour les images haute résolution à ce niveau de qualité.
Si les attentes peuvent être satisfaites avec des paramètres de qualité plus élevés, cela doit être évalué au cas par cas. Dans certains cas, les paramètres de qualité doivent être si élevés que la taille du fichier WebP dépasse celle du fichier JPG.
Image de test réelle pour vérifier la fidélité des couleurs
Avec une image de test moyenne prise avec un smartphone dans des conditions d’éclairage difficiles, qui comporte un contenu élevé en gris, WebP est rapidement submergé.
Avec la même taille de fichier, l’image en format WebP présente un fort ton rouge. Avec des paramètres de qualité plus faibles, en plus de l’augmentation attendue des artefacts de compression, des erreurs de couleur notables apparaissent. Le ton rouge se renforce dans toute l’image. Certaines zones présentent également un ton vert qui devient plus évident à des paramètres de qualité plus faibles. Ces exemples montrent pourquoi les images existantes en PNG ou JPG ne doivent pas être converties automatiquement via un processus par lot ou plugin (par exemple, pour WordPress).
Conclusion
WebP est un format d’image puissant qui peut offrir des avantages significatifs entre les mains des utilisateurs expérimentés, mais il doit être vu comme un complément et non comme un remplacement de PNG ou JPG.