Contact

Parlez-nous de votre projet

Papeteries Images Factory
3 esplanade Augustin Aussedat
74000 Annecy
Localiser

Ajoutez le support du format WebP à un Prestashop 1.7

  • Site Web
  • E-commerce
  • Ecrit par Loris

Prestashop ne supporte pas nativement le format WebP dans la version 1.7. Nous avons développé et rendu gratuit un module permettant de gérer le format WebP sur ce CMS e-Commerce.

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.

Rédigé avec amour par Loris

Ce n'est pas tout

Vous aimerez peut-être aussi ces publications

Définition JS - Qu’est ce que le JavaScript

On définit le JS ou JavaScript comme un langage informatique de programmation ou un langage de script orienté objet. Le JS permet de créer des interactions sur une page de site Internet pour la rendre plus moderne et pratique.

Gérez le consentement des cookies avec Magento

La gestion des cookies sous Magento peut être une prise de tête. Nous avons développé et ouvert à tous notre module pour gérer les cookies sous Magento.

Vous voulez rejoindre notre équipe ?

C'est par ici