Qu'est-ce que le WebP ?
WebP est un format d'image développé par Google et publié pour la première fois en 2010. Il a été conçu spécifiquement pour le web, offrant à la fois la compression avec perte et sans perte dans un seul format. Le WebP avec perte utilisé la technologie du codec vidéo VP8 (codage prédictif basé sur des blocs précédemment décodés), tandis que le WebP sans perte utilisé la prédiction spatiale, la transformation de couleur et le codage LZ77-Huffman. WebP prend également en charge la transparence alpha 8 bits dans les deux modes — ce que JPEG ne peut pas faire. En 2024, WebP est supporté par plus de 97% des navigateurs mondialement.
Comment Fonctionne la Compression WebP
Le WebP avec perte divise l'image en macroblocs (jusqu'à 16x16) et applique l'intra-prédiction (prédisant les pixels à partir des voisins dans la même image, similaire aux intra-frames vidéo VP8) suivie de transformations de type DCT et de codage arithmétique. Cette approche est 25-34% plus efficace que la DCT du JPEG à qualité visuelle équivalente. Le WebP sans perte utilisé quatre techniques principales : prédiction spatiale des pixels, transformations d'espace colorimétrique pour décorréler les canaux, recherche de référence arrière (style LZ77), et codage entropique avec code préfixe adaptatif.
Quand Compresser des Fichiers WebP
Utilisez la compression WebP pour pratiquement toutes les images web. Il excelle pour les photographies (remplaçant JPEG avec des fichiers 25-34% plus petits), les graphiques avec transparence (remplaçant PNG avec des fichiers nettement plus petits), et même les animations simples (remplaçant GIF). Compressez les fichiers WebP pour les ressources de site web, les Progressive Web Apps, les applications mobiles, le contenu servi par CDN, et tout contexte où la bande passante et le temps de chargement comptent. WebP est le format recommandé par Google Lighthouse et PageSpeed Insights pour des Core Web Vitals optimaux.
Bonnes Pratiques de Compression WebP
Pour le WebP avec perte, une qualité de 75-85 offre un excellent équilibre pour les photographies. Pour le WebP sans perte, utilisez-le quand vous avez besoin de graphiques pixel-perfect avec transparence — il est typiquement 26% plus petit que PNG. Servez toujours WebP comme format principal avec des fallbacks JPEG/PNG en utilisant l'élément <picture> ou la négociation d'en-tête Accept. Utilisez le WebP avec perte et alpha pour les éléments d'interface nécessitant de la transparence. Considérez l'animation WebP comme alternative légère au GIF, obtenant des fichiers 50-80% plus petits.
