Comment mettre images en WebP sur Prestashop ?

1. Comment activer le format WebP sur PrestaShop pour optimiser la vitesse de chargement de votre boutique

Le format WebP permet de réduire la taille des images jusqu’à 30 % sans perte de qualité, ce qui améliore considérablement les performances de votre boutique. PrestaShop 8 et supérieur intègre désormais le support natif de WebP.
Pour activer cette option, rendez-vous dans le back-office > Paramètres Avancés > Fonctionnalités Expérimentales > Activez “Support WebP”. Ensuite, allez dans Apparence > Images pour régénérer les miniatures. Les navigateurs compatibles afficheront automatiquement les fichiers .webp générés.

2. Installer un module WebP sur PrestaShop pour convertir automatiquement vos images

Si vous utilisez PrestaShop 1.7 ou une version antérieure, vous pouvez installer un module comme “WebP Converter” ou “Image WebP by FME Modules”. Ces modules convertissent automatiquement les images JPG/PNG en WebP lors de leur téléchargement.
Il suffit d’installer le module, de choisir les répertoires à convertir, et de lancer la conversion via l’interface admin. Certains modules proposent aussi un fallback automatique pour les navigateurs qui ne prennent pas encore en charge le format WebP.

3. Pourquoi passer vos images en WebP sur PrestaShop pour améliorer votre référencement naturel (SEO)

Google privilégie les sites rapides dans ses résultats de recherche. En utilisant le format WebP, vos images se chargent plus vite, ce qui améliore vos scores Core Web Vitals et donc votre classement SEO.
PrestaShop permet cette optimisation via des modules ou des scripts serveur qui livrent les images en WebP tout en conservant la compatibilité avec les anciens navigateurs. Cette approche améliore non seulement l’expérience utilisateur mais également votre visibilité en ligne.

4. Comment convertir vos images PrestaShop en WebP sans module via une modification du .htaccess

Il est possible de servir automatiquement des images WebP en modifiant le fichier .htaccess pour rediriger les images JPG/PNG vers leur équivalent WebP si disponible. Cela se fait via des règles RewriteCond dans Apache.
Par exemple, si une image produit.jpg.webp existe, le serveur la livrera automatiquement aux navigateurs compatibles. Cela permet une conversion manuelle via un outil comme cwebp, tout en gardant une livraison intelligente et performante sans alourdir votre boutique.

5. Utiliser un CDN comme Cloudflare ou OptiPic pour transformer vos images PrestaShop en WebP à la volée

Une autre option consiste à déléguer la conversion des images WebP à un CDN. Des services comme OptiPic ou Cloudflare Image Optimizer détectent les navigateurs compatibles et livrent automatiquement des images WebP.
Cette méthode ne requiert aucune modification directe de PrestaShop. Il suffit de pointer votre domaine vers le CDN et d’activer l’optimisation d’image. Cela permet un gain de temps considérable et évite de générer les WebP manuellement ou via module.

6. Ajouter la prise en charge WebP dans l’éditeur CMS et page constructeur de PrestaShop

Par défaut, PrestaShop n’autorise pas l’upload de fichiers WebP dans son éditeur CMS. Vous pouvez modifier le fichier config/config.inc.php pour inclure le mime type WebP.
Une fois cela fait, vous pourrez insérer des images WebP directement dans vos pages de contenu, bannières, sliders, etc. Cela est utile pour les éléments personnalisés créés manuellement en dehors du système de produits classique.

7. Comment tester la compatibilité WebP de votre thème PrestaShop avant d’activer la conversion

Avant de convertir toutes vos images en WebP, vérifiez que votre thème PrestaShop prend en charge les balises <picture> ou <source>. Sans cela, certaines images pourraient ne pas s’afficher.
Ouvrez une fiche produit et inspectez l’image principale dans le code source. Si elle utilise un <img srcset> ou <picture>, c’est un bon signe. Sinon, vous devrez adapter votre thème pour servir des WebP correctement.

8. Automatiser la génération WebP de vos images PrestaShop via un cron ou tâche planifiée

Si vous gérez un grand nombre d’images, vous pouvez automatiser leur conversion en WebP via une tâche cron. Cela peut être mis en place avec un module qui prend en charge le cron ou via un script personnalisé.
Le script détecte les nouvelles images, les convertit avec cwebp, et les stocke dans un répertoire spécifique. Cela vous permet de garder vos images optimisées à jour sans intervention manuelle.

9. Utiliser ImageMagick ou GD Library avec WebP pour convertir vos images produits sur PrestaShop

Vérifiez que votre serveur supporte le format WebP via ImageMagick ou GD Library. Ces bibliothèques sont nécessaires pour que certains modules puissent générer les versions WebP.
Contactez votre hébergeur pour activer ce support si ce n’est pas déjà le cas. Une fois activé, vous pouvez utiliser un module ou un script pour convertir les images automatiquement dès leur ajout dans PrestaShop.

10. Comment désactiver ou forcer le format WebP uniquement sur certaines pages ou images PrestaShop

Dans certains cas, vous ne souhaitez pas servir du WebP pour toutes vos images (ex. : publicité externe, logos, etc.). Les modules avancés proposent des règles d’exclusion par type d’image, URL ou dossier.
Cela vous permet de garder les formats standards pour certaines pages tout en exploitant la puissance du WebP pour les images produits. Une configuration fine garantit la compatibilité tout en maximisant les gains de performance.