Mis à jour le 1er novembre 2026. L’article recommandait un script de conversion sur le serveur. Depuis PrestaShop 8.1, la boutique génère elle-même les formats WebP et AVIF : la méthode native passe en premier, le script devient une solution de secours pour les anciennes versions. Réglages vérifiés sur PrestaShop 9.2.
Les images sont souvent le premier poids d’une page produit. Trop lourdes, elles retardent l’affichage du contenu principal, mesuré par l’indicateur LCP de Google, et ralentissent toute la navigation sur mobile. Les formats WebP et AVIF réduisent ce poids sans perte visible : selon l’étude de Google, une image WebP pèse 25 à 34 % de moins qu’un JPEG de qualité équivalente.
La bonne nouvelle : sur une boutique récente, tout cela s’automatise sans script.
Ce que PrestaShop fait déjà
Depuis la version 8.1, PrestaShop sait générer plusieurs formats pour chaque image : JPEG ou PNG, WebP et AVIF. En 8.1, la fonction était encore présentée comme expérimentale ; sur PrestaShop 9, elle fait partie des réglages standard.
Chaque fois que vous ajoutez une photo, la boutique crée toutes les tailles d’image du thème (miniature, fiche produit, zoom…) dans chaque format choisi. Le thème propose ensuite au navigateur la version la plus légère qu’il sait afficher.
Activer WebP et AVIF, pas à pas
Dans le back-office de PrestaShop 9, ouvrez Apparence > Images :
- Formats d’image à générer : cochez WebP et AVIF en plus du format de base.
- Format de base : gardez JPEG pour les photos. C’est la version de secours pour les navigateurs qui n’acceptent pas les formats récents.
- Compression : les valeurs par défaut (WebP 80, AVIF 90, JPEG 90) sont un bon point de départ. Baissez-les légèrement si les images restent lourdes, en contrôlant la qualité à l’œil sur quelques photos.
- Regénérer des miniatures : en bas de la page, lancez la régénération pour les produits. Sans elle, seules les nouvelles photos auront les nouveaux formats.
Sur un gros catalogue, la régénération peut dépasser le délai d’exécution du serveur et finir en erreur 500 ou 504. Lancez-la type d’image par type d’image, ou demandez à votre hébergeur d’augmenter le délai le temps de l’opération : voir Erreur 500 PrestaShop : 10 causes et leur solution.
Comptez aussi avec l’espace disque : chaque format ajoute un jeu complet de fichiers.
Le point que beaucoup oublient : le thème
Générer des WebP ne suffit pas : encore faut-il que le thème les propose au navigateur, avec une balise <picture> qui liste les formats disponibles. Ce que nous avons constaté dans les gabarits de PrestaShop 9.2 :
| Thème | Photos produits | Catégories et marques |
|---|---|---|
| Hummingbird (thème par défaut de PrestaShop 9) | AVIF et WebP servis, repli en JPEG | Oui |
| Classic | AVIF et WebP servis, une seule taille par format ; image principale chargée en différé | AVIF et WebP servis |
| Thème acheté ou sur mesure | À vérifier | À vérifier |
Les deux thèmes fournis avec PrestaShop 9.2 servent donc les formats récents. La différence est ailleurs : Classic propose une seule taille d’image par format et charge l’image principale de la fiche en différé (loading="lazy"), ce qui retarde son affichage et pèse sur l’indicateur LCP. Sur un thème acheté ou sur mesure, vérifiez qu’il utilise les sources d’image fournies par PrestaShop (sources.avif et sources.webp de chaque taille d’image) dans une balise <picture>, comme le font Hummingbird et Classic.
Vérifier ce qui est réellement servi
Ouvrez une fiche produit dans Chrome ou Firefox, puis les outils de développement (touche F12), onglet Réseau, filtre Images. La colonne « Type » doit indiquer avif ou webp pour les photos du produit. Si elle affiche jpeg, les formats ne sont pas générés ou le thème ne les utilise pas.
En ligne de commande, vous pouvez aussi vérifier qu’un fichier WebP existe bien pour une image :
# Remplacez l'adresse par celle d'une image de votre boutique
curl -sI https://www.votre-boutique.fr/123-large_default/produit.webp | head -n 5Une réponse 200 avec content-type: image/webp confirme que le fichier existe.
Les autres réglages qui comptent
Le format n’est qu’une partie du travail. Pour un bon score LCP et une page stable :
- Des tailles d’image adaptées au thème : servir une image de 1 200 pixels dans un emplacement de 300 pixels gaspille de la bande passante. Les tailles se règlent dans la même page Apparence > Images.
- Pas de chargement différé sur la première image visible. La photo principale d’une fiche doit se charger en priorité ; les suivantes peuvent attendre. Hummingbird le fait déjà : la première image porte
fetchpriority="high", les autresloading="lazy". - Des dimensions déclarées (
widthetheight) sur chaque image, pour éviter que la page saute pendant le chargement, ce que mesure l’indicateur CLS. - Des photos sources raisonnables : inutile d’envoyer une photo de 8 000 pixels prise par un appareil photo. Redimensionnez-la avant l’envoi, autour de 2 000 pixels pour permettre le zoom.
Pour corriger l’ensemble des indicateurs, voir Core Web Vitals PrestaShop 9 : corriger LCP, INP et CLS.
Boutique en 1.7 ou 8.0 : la solution de secours
Avant la version 8.1, PrestaShop ne génère pas de WebP. Deux options :
- Un module de conversion : plusieurs modules convertissent les images et les servent aux navigateurs compatibles. Vérifiez qu’il est maintenu et compatible avec votre version.
- Une conversion côté serveur, si vous gérez votre propre serveur. Créer les fichiers est simple : l’outil
cwebpde Google (paquetwebpsur Debian et Ubuntu) convertit une image en une commande. Les servir est plus délicat : les adresses publiques des images de PrestaShop (/123-large_default/produit.jpg) sont réécrites vers des chemins internes (img/p/1/2/3/…), si bien qu’une règle classique « servir le .webp s’il existe » ne trouve pas le fichier. Il faut adapter les règles de réécriture des images, et ajouter l’en-têteVary: Acceptpour qu’un cache ne serve pas un WebP à un navigateur qui ne le lit pas.
Une ancienne version de cet article proposait un script de surveillance du dossier img/p/. Il créait des fichiers WebP que la boutique n’affichait jamais, faute de règle pour les servir : nous l’avons retiré. Pour ces versions, un module maintenu est plus sûr, et la vraie solution reste la migration vers PrestaShop 9.
Où l’IA aide vraiment
La conversion de format n’a pas besoin d’IA : c’est un calcul de compression. L’IA est utile ailleurs dans le traitement des images :
- les textes alternatifs : proposer une description de chaque photo, à relire, pour l’accessibilité et Google Images. La méthode est détaillée dans Balises ALT PrestaShop : audit, méthode et génération assistée par IA ;
- le détourage et le recadrage : fond blanc uniforme, cadrage identique sur tout un catalogue ;
- le repérage des photos à refaire : images floues, trop petites ou très différentes du reste de la catégorie.
Dans tous les cas, gardez les photos originales et faites valider le résultat : une IA peut modifier une couleur ou un détail du produit, ce qui pose problème sur une fiche commerciale.
Questions fréquentes
WebP ou AVIF : lequel choisir ?
Les deux. Cochez-les tous les deux dans PrestaShop : le navigateur prend le plus léger qu’il sait afficher, en général l’AVIF, et le JPEG reste en secours. Le seul coût est l’espace disque et le temps de régénération.
L’optimisation des images améliore-t-elle le référencement ?
Indirectement. Des images plus légères accélèrent l’affichage du contenu principal (LCP), un des indicateurs d’expérience de page que Google prend en compte. L’effet le plus net est souvent sur la conversion, surtout sur mobile.
Faut-il supprimer les anciennes images JPEG ?
Non. Le JPEG sert de version de secours, et PrestaShop en a besoin pour régénérer les miniatures. Gardez-le comme format de base.
J’ai activé WebP mais les images restent en JPEG, pourquoi ?
Trois causes possibles : les miniatures n’ont pas été régénérées, le thème ne propose pas les formats récents pour cet emplacement, ou un cache sert encore les anciennes pages. Vérifiez dans l’onglet Réseau du navigateur.
Pour aller plus loin
- Core Web Vitals PrestaShop 9 : corriger LCP, INP et CLS
- Balises ALT PrestaShop : audit, méthode et génération assistée par IA
- Référencer une boutique PrestaShop : 10 actions en 2026
- Scripts Python SEO pour PrestaShop : balises, sitemap, GSC
Pour automatiser l’optimisation SEO de votre catalogue PrestaShop, découvrez FexaAI — génération de meta tags, cocon sémantique et traduction multilingue intégrés.
Sources
- Google : étude de compression WebP
- PrestaShop 8.1 : notes de version
- Présentation de PrestaShop 8.1
- web.dev : optimiser le Largest Contentful Paint
