Guide d'image WebP : Comment utiliser le format WebP avec WordPress
Publié: 2022-07-29Nous aimons tous un bon GIF, mais les formats d'image ont parcouru un long chemin depuis l'introduction du GIF en 1987. Les concepteurs Web avertis ont adopté les JPEG, PNG et maintenant WebP.
Alors que les GIF connaissent une seconde vie en tant que fourrage pour les chaînes Slack et les messages texte, le nouveau format WebP commence à prendre le dessus sur le Web.
Dans cet article, nous examinons la croissance de WebP et offrons des conseils sur la façon de l'utiliser pour votre site Web. Vous apprendrez:
- Comment fonctionne le format
- Avantages des images WebP
- Limites de l'utilisation de WebP
- Comment activer les images WebP pour WordPress
Comment fonctionne le format WebP
Originaire d'On2 Technologies, Google développe WebP en tant que format d'image open source et espère en faire le nouveau standard accepté pour les images Web.
WebP offre une compression d'image améliorée. Vous pouvez réduire la taille des fichiers sans perdre la qualité de l'image. WebP est unique dans la façon dont il prend en charge la compression avec et sans perte.
La compression sans perte vous permet de réduire la taille d'un fichier tout en conservant la qualité d'image d'origine. Aucune des données d'origine n'est perdue, vous pouvez donc restaurer l'image à sa qualité et sa taille d'origine.
L'utilisation de la compression avec perte entraîne des tailles de fichiers encore plus petites. La compression avec perte ne conserve que les données nécessaires pour afficher une image à sa taille réduite. Vous ne pourrez pas redimensionner et conserver la qualité d'origine.
Pour tirer pleinement parti de WebP, utilisez la compression sans perte pour les images qui doivent être mises à l'échelle à différentes tailles, telles que les images d'arrière-plan. Utilisez la compression avec perte pour les images aux dimensions fixes. Si vous connaissez la largeur maximale d'une image en vedette ou d'une image de produit pour votre site, vous pouvez l'enregistrer avec une compression avec perte à ces dimensions exactes.
Avantages de WebP
Alors, qu'est-ce qui alimente la croissance de WebP ? Le format offre de nombreux avantages, notamment la facilité d'utilisation et les performances. Explorons les principaux avantages de l'utilisation de WebP pour votre site Web.
Convertissez facilement des images existantes
Vous pouvez convertir tous les fichiers PNG, GIF ou JPEG existants de votre site en un fichier WebP. Vous ne sacrifierez pas la qualité et réduisez généralement la taille du fichier.
Meilleure compression
Si vous convertissez un PNG ou JPEG en WebP, la taille du fichier WebP sera de 30 à 50 % plus petite que l'original. Des images plus petites devraient aider vos pages à se charger plus rapidement, c'est pourquoi nous recommandons la compression d'image comme l'un des meilleurs moyens d'accélérer votre site WooCommerce .
Meilleures performances du site
Un chargement plus rapide des images et des pages crée une meilleure expérience utilisateur. Vous pouvez également améliorer votre classement dans les moteurs de recherche en optimisant la vitesse de votre site. Les moteurs de recherche accordent une grande importance à la rapidité de chargement de votre site. Les sites de chargement plus rapides ont tendance à être mieux classés que les sites plus lents.
Diffuser des images dans un format de nouvelle génération comme WebP est l'une de nos 12 façons éprouvées d'améliorer votre score Google PageSpeed Insights .
Prise en charge de la transparence et de l'animation
Qui n'aime pas un GIF animé ? Avec WebP, vous avez de la chance. WebP prend en charge l'animation et la transparence.
Prise en charge étendue du navigateur
La plupart des navigateurs modernes prennent en charge WebP. Le navigateur Safari d'Apple était le seul à résister, mais a finalement introduit le support WebP l'année dernière avec Safari 14.
Limites de WebP
La principale limitation de WebP est d'assurer la compatibilité de toutes les façons dont vous utiliserez une image. Vous pourriez rencontrer des problèmes si vous utilisez les données de votre site Web pour alimenter des campagnes par e-mail ou des applications mobiles.
Assurez-vous de tester tous les endroits où une image apparaîtra pour vous assurer que le format WebP fonctionnera. Vous pouvez également envisager d'offrir deux versions d'une image. Utilisez le WebP lorsqu'il est autorisé et un JPEG ou PNG de secours lorsque WebP n'est pas pris en charge.
Comment activer WebP avec WordPress
WordPress a commencé à offrir le support WebP avec la version 5.8. Si votre serveur prend en charge WebP, vous devriez pouvoir télécharger et utiliser des images WebP comme tout autre type d'image pris en charge.
Les options d'utilisation des images WebP dans WordPress incluent :
- Conversion manuelle des images. Utilisez un outil en ligne comme CloudConvert pour transformer des images en WebP. C'est une tâche manuelle qui prend du temps car vous devrez télécharger les fichiers sur le convertisseur, puis télécharger le nouveau fichier dans votre bibliothèque WordPress.
- Plugin d'optimisation d'image. De nombreux plugins d'optimisation d'image incluent déjà des options pour convertir et afficher des images sous forme de fichiers WebP. Consultez la documentation de votre plugin pour voir comment activer les options pour votre site.
- Plugin WebP. Au lieu d'un plugin d'optimisation, vous pouvez également utiliser un plugin spécialement conçu comme WebP Converter for Media pour convertir automatiquement les images téléchargées en WebP.
Sites plus rapides avec WebP et Pressable
Si vous êtes intéressé par WebP, vous souhaitez probablement que votre site se charge le plus rapidement possible. Réduire de moitié la taille de vos fichiers image avec la compression impressionnante de WebP est un excellent point de départ. L'autre façon de vous assurer que votre site fonctionne aussi vite que possible est de choisir le bon hébergeur.
Chez Pressable, nos services d'hébergement offrent les meilleures performances possibles pour les sites WordPress. Notre service d'hébergement géré basé sur le cloud simplifie la gestion de votre site tout en offrant une disponibilité à 100 % et une vitesse ultra-rapide. Oh, et le support WebP ? Nous avons ce qu'il faut. Notre réseau CDN mondial prend également en charge WebP, ce qui vous permet de profiter de tous les avantages d'accélération de l'utilisation de ce nouveau format d'image.
Pour en savoir plus sur la façon dont Pressable améliore le fonctionnement de WordPress, réservez une démo personnalisée dès aujourd'hui.
