CTW Image Optimizer – conversion automatique des images en WebP
Le module crée des copies WebP légères de toutes les images de la boutique et les sert aux navigateurs compatibles. Les URL des images, le thème et les originaux restent inchangés, et le tableau de bord indique précisément combien de mégaoctets vous économisez.
À propos du module
Les images représentent généralement la plus grande part de chaque page d’une boutique. PrestaShop génère des miniatures en JPG et PNG, alors que le format WebP, à qualité visuelle égale, est le plus souvent 25 à 70 % plus léger. Moins de données, c’est un chargement plus rapide sur mobile, de meilleurs Core Web Vitals et moins de bande passante consommée.
CTW Image Optimizer crée une copie WebP à côté de chaque image (par ex. 1-home_default.jpg.webp) et la fournit aux navigateurs qui prennent en charge WebP. Les autres reçoivent l’original. Il ne modifie ni les URL des images ni les templates du thème, n’écrase jamais les originaux et fonctionne de PrestaShop 1.7 à 9.x.
Comment ça marche
- Installez le module. Les règles de diffusion WebP sont ajoutées automatiquement dans img/.htaccess.
- Cliquez sur « Scan and optimize ». Les images sont traitées par lots avec une barre de progression.
- Vérifiez avec « Test on a product image » que le navigateur reçoit bien du WebP.
- Configurez la tâche cron (URL ou ligne de commande, affichées dans le panneau) pour optimiser automatiquement les nouvelles miniatures, catégories et imports.
- Les nouvelles images produit sont converties dès leur envoi.
Pour qui
- Les boutiques avec beaucoup d’images produit pour lesquelles PageSpeed signale « Diffusez des images aux formats modernes ».
- Les boutiques sous PrestaShop 1.7, qui n’a aucune prise en charge native de WebP.
- Les boutiques sur hébergement mutualisé : le traitement s’exécute par courts lots et une limite en mégapixels évite les dépassements de mémoire.
- Les agences qui veulent accélérer rapidement les boutiques de leurs clients sans toucher au thème.
Ce que ce module n’est pas
Il ne redimensionne pas les images et ne régénère pas les miniatures. Il ne crée pas d’AVIF, n’ajoute pas de lazy loading et ne réécrit pas les URL vers un CDN. Sur un serveur nginx seul (sans Apache), les règles de diffusion doivent être ajoutées manuellement ; un extrait de configuration prêt à l’emploi figure dans le panneau.
Ce qu’il résout
-
Des images lourdes ralentissent la boutique
Les miniatures JPG et PNG représentent généralement l’essentiel des données téléchargées à chaque visite, surtout sur les listes de produits et la page d’accueil.
-
PageSpeed réclame des formats d’image modernes
Google PageSpeed Insights signale « Diffusez des images aux formats modernes », et convertir des milliers de fichiers à la main n’est pas envisageable.
-
PrestaShop 1.7 ne gère pas WebP
Beaucoup de boutiques tournent encore sous 1.7, où WebP n’existe pas, et changer de thème uniquement pour le format des images coûte trop cher.
-
Une optimisation qui casse les URL et le thème
De nombreuses solutions modifient les URL des images ou les templates, avec un risque d’erreurs dans le thème, les autres modules et les flux produits.
-
Impossible de savoir ce que cela rapporte
Sans chiffres, difficile de savoir si l’optimisation fonctionne et combien de bande passante elle économise.
Fonctionnalités clés
-
Statistiques avant / après
Poids des images avant optimisation, après, mégaoctets économisés et gain moyen WebP en pourcentage. Un tableau de résultats par type d’image : produits, catégories, marques, fournisseurs, magasins, images CMS, logo et images de la boutique.
-
URL des images et thème inchangés
Les copies WebP sont enregistrées à côté des originaux, et les règles de img/.htaccess les servent aux navigateurs qui envoient Accept: image/webp. Les anciens navigateurs reçoivent l’original, et l’en-tête Vary: Accept évite toute confusion dans les caches et CDN.
-
Test de diffusion en un clic
« Test on a product image » appelle une vraie miniature et confirme que le serveur renvoie Content-Type: image/webp. Vous savez immédiatement si les règles fonctionnent sur votre serveur.
-
Nouvelles images converties immédiatement
Les images produit sont converties en WebP dès leur envoi et la génération des miniatures. Le reste, comme les catégories, marques, miniatures régénérées et imports, est pris en charge par le cron.
-
Cron par URL ou en ligne de commande
Une URL cron protégée par jeton et une commande CLI prêtes à copier depuis le panneau, avec la date de la dernière exécution. Le traitement s’exécute par lots et reprend là où il s’est arrêté.
-
Réglages de qualité et de sécurité
Curseur de qualité WebP (80 par défaut), choix des types d’images, moteur Imagick ou GD sélectionné automatiquement, conservation de l’original lorsque le WebP serait plus lourd, et limite en mégapixels pour protéger les serveurs à faible mémoire.
-
Les originaux ne sont jamais modifiés
Le module ajoute uniquement des fichiers .webp. À la suppression d’une image, d’une catégorie, d’une marque ou d’un fournisseur, ses copies WebP sont aussi supprimées, et la désinstallation retire les règles du module de img/.htaccess.
-
Outils de maintenance
Ré-optimiser toutes les images (par ex. après un changement de qualité), relancer les images en erreur et supprimer tous les fichiers WebP en un clic.
-
PrestaShop 1.7–9.x, Apache et nginx
Fonctionne avec PHP 5.6 à 8.4. Pour les serveurs nginx seuls, le panneau affiche un extrait de configuration prêt à l’emploi.
Questions fréquentes
Quelles versions de PrestaShop sont prises en charge ?
PrestaShop 1.7 à 9.x, avec PHP 5.6 à 8.4.
Le module modifie-t-il mes images d’origine ?
Non. Il crée un fichier .webp distinct à côté de chaque image. Les originaux restent intacts, et tous les fichiers WebP peuvent être supprimés d’un seul bouton.
Dois-je modifier mon thème ?
Non. Les URL des images ne changent pas. Le serveur fournit le fichier WebP aux navigateurs compatibles.
Et les navigateurs qui ne gèrent pas WebP ?
Ils reçoivent le JPG ou PNG d’origine. Le module envoie l’en-tête Vary: Accept, pour que les caches et CDN ne confondent pas les versions.
Fonctionne-t-il avec nginx ?
Avec Apache, et avec nginx en proxy devant Apache, il fonctionne immédiatement. Avec nginx seul, ajoutez à la configuration du serveur l’extrait affiché dans le panneau du module.
Combien vais-je économiser ?
Cela dépend de vos images. Sur le catalogue de démonstration PrestaShop (1 046 images), le poids est passé de 8,97 Mo à 2,84 Mo, soit 68 % de moins. Le panneau affiche les chiffres exacts de votre boutique après le premier scan.
Est-il adapté à un hébergement mutualisé ?
Oui. La conversion s’exécute par courts lots via cron, et les images au-delà de la limite de mégapixels configurée sont ignorées pour respecter la limite de mémoire PHP.
Que comprend la licence ?
Un achat unique pour un domaine de production, des domaines de test illimités, et 12 mois de mises à jour et de support. Ensuite, le module continue de fonctionner, simplement sans nouvelles versions.
Compatibilité et conditions
- Compatibilité
- PS 1.7 – 9.x
- PHP
- 5.6+
- PrestaShop
- 1.7 – 9.x
- PHP
- 5.6 – 8.4
- Moteur
- Imagick ou GD
- Serveur
- Apache (.htaccess) ou nginx
- Support
- 12 mois
- Type de licence
- Achat unique, 1 domaine, 12 mois de mises à jour
- Pour qui
- Boutiques PrestaShop 1.7–9.x, agences
Journal des versions
1.0.3
- Première publication sur modules.codetheweb.pl.