Comment utiliser les images webp avec WordPress

Par défaut, WordPress ne prend pas en charge les images webp. Pourtant, selon l’analyse de Google, les images webp peuvent contribuer à réduire la taille de vos images jusqu’à 36 %, accélérant ainsi le téléchargement de chaque image. Vous voulez donc probablement vous y mettre, hein ?

Le problème, c’est que certains navigateurs, comme le navigateur Safari d’Apple, ne prennent pas en charge le format webp, de sorte que vous ne pouvez pas remplacer toutes vos images par ce format. Quelle que soit la solution que vous utilisez, vous devez servir les fichiers d’image webp aux navigateurs qui le supportent et vous rabattre sur d’autres formats d’image comme jpg et png pour les navigateurs qui ne le supportent pas. Il existe plusieurs façons d’y parvenir, mais quoi que vous fassiez, vous devrez utiliser un plugin qui convertit les images en plusieurs formats. Entrez dans Imagify ou ShortPixel, nos deux plugins recommandés pour gérer la conversion des images.

Si vous utilisez WP Rocket

Vous disposez donc de WP Rocket (consultez notre guide sur l’accélération de WordPress) et de ShortPixel ou Imagify pour optimiser et compresser vos images.

Vous avez peut-être remarqué que ShortPixel et Imagify ont tous deux l’option de créer/convertir les images au format WebP. Activez cette option, mais n’activez pas l’option permettant de créer automatiquement des images au format WebP. servir les images webp.

En effet, les options proposées par chaque plugin pour transmettre ces images WebP au front-end n’ont pas toujours le résultat souhaité. En fait, dans certaines situations, cela ne fonctionne pas du tout. N’ayez crainte, WP Rocket dispose d’une option intégrée qui permet d’utiliser les images WebP de ShortPixel et d’Imagify !

Allez dans vos paramètres WP Rocket, et allez dans l’onglet Media. Faites défiler jusqu’en bas de la page et vous verrez un paramètre dédié à WebP. Cochez la case correspondante, et WP Rocket choisira automatiquement d’utiliser les images WebP converties lors de la diffusion de son contenu en cache. C’est simple comme bonjour !

Si vous utilisez un autre plugin de mise en cache

Vérifiez toujours les paramètres de votre plugin de cache en premier lieu et utilisez *ces* paramètres pour activer la livraison de webp sur le front-end. Ce n’est que si votre plugin de cache ne prend pas en charge cette fonctionnalité que vous devez essayer d’utiliser l’option correspondante dans l’utilitaire de conversion d’images de votre choix.

Si votre plugin de mise en cache ne permet pas de servir les images webp

Dans ce cas, essayez d’utiliser l’option intégrée dans ShortPixel ou imagify pour servir les images :

  • Option de ShortPixel : Livrer les images webp dans le front-end
  • Option d’Imagify : Afficher les images au format webp sur le site

Chacun d’entre eux propose également l’option “image” ou l’option “réécritures”. Essayez l’option “picture” et si cela ne fonctionne pas pour vous, optez pour l’option “rewrites”. Le fait que les balises “picture” fonctionnent ou non dépend de votre thème WordPress.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.

Retour haut de page