Le format WebP est un format d’image qui est conçu pour offrir une qualité d’image élevée avec une taille de fichier plus petite, ce qui en fait un excellent choix pour le référencement. Toutefois, nativement, il n’est pas supporté par Prestashop 1.7.
Grâce au module Prestashop 1.7 que notre agence e-commerce a développé, vous pouvez ajouter facilement le support des images au format WebP à votre site. Dans cet article, nous allons vous présenter comment faire pour l’installer, mais aussi détailler son fonctionnement.
Tout d’abord, la première chose à noter : la facilité d’installation. La première chose à faire est de télécharger le module depuis notre GitHub et de le télécharger sur votre site. Une fois le module téléchargé, vous pouvez exécuter les différentes étapes de génération d’image.
L’origine du format WebP
Le format WebP a été lancé en 2010 par Google et est basé sur le format d’image open source VP8. Bien qu’il ne soit pas encore aussi populaire que les autres formats d’image, il est en train de devenir de plus en plus populaire car il offre une taille de fichier réduite et une qualité d’image améliorée. Les navigateurs tels que Chrome, Firefox et Edge prennent désormais en charge le format WebP, ce qui signifie que vous pouvez désormais utiliser le format pour ajouter des images à votre site web et en profiter pleinement.
Les avantages du format WebP par rapport au JPEG
Nativement, Prestashop affiche des images au format JPEG (ou JPG) pour les fiches produits, les images catégories et bien d’autres éléments. Ce format ci n’est pas forcément le plus optimisé pour du web.
Le format WebP offre de nombreux avantages par rapport aux formats d’image traditionnels. Tout d’abord, le format WebP, comme le JPEG, fonctionne avec un système de compression. Cependant, le fichier final est d’une taille plus petite que les autres formats d’image, ce qui permet aux images de se charger plus rapidement et d’améliorer le temps de chargement d’un site. De plus, le format WebP offre une meilleure qualité d’image, ce qui permet aux visiteurs de voir des images plus claires et plus nettes.
Le fonctionnement du module
Le module fonctionne très simplement : il prend une image et en crée une copie au format WebP. Ainsi, 2 images cohabitent sur votre site, mais seulement une des deux est chargée, en fonction de la compatibilité du navigateur. Si le navigateur du client est trop ancien, alors il restera sur les images au format classique, sinon, il se tournera vers le format WebP automatiquement.
Cette détection automatique est faite grâce à une petite modification dans le .htaccess du fichier, qui vient détecter à la fois si le client possède un navigateur compatible WebP, mais aussi si l’image existe aussi sur le serveur. Le changement de fichier vers le WebP est invisible, et le fichier sera remplacé automatiquement, sans changement d’URL.
Le module Prestashop 1.7 WebP par Maison du Net est une excellente façon d’ajouter le support des images WebP à votre site. Avec ses avantages en termes de taille de fichier et de qualité d’image, vous pouvez améliorer le temps de chargement de votre site et offrir à vos visiteurs des images claires et nettes.