Comment ajouter images WebP pour WordPress

Est-ce que vous connaissez des images WebP qui sont des nouvelles images, de nouvelles générations pour le web!

Si vous me connaissez déjà, vous connaissez déjà ses mérites.

Si vous ne connaissez pas déjà, alors je vous dis, qu’est-ce que peut apporter ces  images au formats de génération?

En bref, le WebP c’est un nouveau format d’image qui ressemble un peu au PNG (prend en compte la transparence). Il est spécialement conçu pour le web, permet de créer des images de nouvelle génération avec une superbe qualité et des tailles réduites de moitié.

Il est aussi recommandé pour le SEO, car parce que Google prend en compte pour ses recherches et son indexation ainsi qu’avec son outil Google page Speed.

Donc aujourd’hui, nous allons voir un petit outil, une extension à WordPress qui va nous permettre de créer et transformer tous nos images de notre site en ce format de nouvelles générations qui va nous permettre d’avoir une meilleure visibilité ainsi qu’augmenter la rapidité de beaucoup de notre site.

Dois-je vous rassurer en disant que cette extension est gratuite et que vous n’aurez pas besoin de payer!

Version vidéo

Tu préfères la version vidéo? Je t’invite à regarder ce tutoriel version vidéo sur la chaîne YouTube Informerick.

Pré-requis

Le prérequis, c’est que vous allez avoir besoin d’un certain hébergeur web qui va prendre en charge imagick. Vous pouvez demander au gestionnaire, au support de votre serveur d’hébergement pour savoir s’il prend en charge ce type d’extension PHP. 

Pour pouvoir convertir à la volée les images WordPress.

WebP Express plugin: Télécharger l’extension

Ceci n’est notre petit plus guide qu’il va falloir ajouter. Ça s’appelle Webpack Express. En bref, je vous montrer comment le télécharger. Le lien, c’est ici: Télécharger – WebP Express 

Télécharger le fichier Zip qui vous est demandé en haut à droite.

Ajouter l’extension à votre site!

Comment convertir les images WebP avec WebP Express

Maintenant que nous avons ajouté l’extension WebP Express a notre site web, il va falloir une petite configuration.

C’est ainsi dans ce chapitre que je vais vous montrer ou aller pour configurer WebP Express, par la suite, nous allons voir chacune des configurations.

Configuration de WebP Express

Liste des extensions de fichiers pris en charge.

Ici, ce sont les types de fichiers que vous souhaitez convertir. Des images qui étaient à la base et que vous souhaitez transformer en WebP. Je vous déconseille le GIF car mal pris en charge par WebP

Liste des répertoires pris en charge.

Ici, ce sont les endroits dans votre site web que se situent vos images que vous souhaitez convertir.

Les images des plugins si ça vient des plugins, il peut y avoir certains problèmes parce que des fois, c’est mal codé. 

Si vous souhaitez, que les images de votre thèmes soient prient en compte. Là aussi, il peut y avoir quelques problèmes si le thème est mal codé.

Finalement, si vous voulez dans le Upload (images que vous avez téléversées), vous faites, c’est celui-là que je vous recommande.

Jetons d’accès.

Je retourne d’accès pour une fonctionnalité professionnelle du plugin qui est, entre guillemets, payant, mais cela vous permet d’ajouter à partir d’un autre serveur pour convertir vos fichiers WebP qui peut en gros réduire la demande sur le serveur.

Mais pour notre cas, ce ne sera pas utile et tout ça devra être sur la fonctionnalité payante.

Liste de formats de sortie compatibles.

En bref, c’est à quoi vous souhaitez le convertir, nous vu que notre but est en WebP, nous a cocher le WebP..

Méthode de conversion.

Ici, c’est la méthode que les images WebP seront converties. 

Je vous reconseille de choisir en premier lieu Imagick, si cela ne fonctionne pas, essayez GD, si les deux ne fonctionnent pas, votre serveur ne prend en compte aucune de ces extensions PHP pour la conversion de WebP.

Vous pouvez utiliser la formule serveur distant, mais qui est disponible avec la version pro du plugin.

Qualité des images.

Ici, c’est la méthode de compréhension que nous avons effectuée lorsque nous avons transformé nos images en WebP. Vous pouvez choisir, je vous conseille entre 85 et 100%.

Méthode de chargement des images.

Encore là, il va falloir tester, je vous recommandé le .htaccess, mais si ça ne marche pas je vous conseille de passthru.

Si les 2 ne fonctionnent pas, vous devrez contacter le support de votre hébergement.

Fonctions supplémentaires.

Quelques fonctions qui vous permettent de modifier certains trucs que vous pouvez souhaiter, lisez les bien et voyez si vous souhaitez les garder.

• Suppression automatique des fichiers dans le format de sortie plus grand que l’original.
• Mise en cache du Navigateur pour les fichiers dans les formats de sortie.
• Conserver les métadonnées des images stockées au format Exif où xmp.
• Activer cron pour convertir automatiquement les images de l’extérieur de la médiathèque.
• Forcer les directions vers le format de sortie pour tous les domaines.
• Consigner les erreurs lors de la conversion afficher des debug.log

FAQ