Taille image categorie Prestashop 1.7 : guide ultime 2025 !

1. Quelle taille d’image de catégorie est recommandée dans PrestaShop 1.7 ?

La taille recommandée dépend de votre thème, mais pour le thème Classic de PrestaShop 1.7, une image de 870 x 217 pixels est couramment utilisée pour les bannières de catégories. Pour les miniatures de sous-catégories, un format carré comme 300 x 300 pixels est souvent préférable.

L’objectif est d’avoir une image ni trop lourde ni trop petite. Une bonne résolution améliore la qualité d’affichage tout en garantissant un chargement rapide. Il est conseillé d’utiliser le format JPG pour la légèreté ou PNG pour la transparence, selon le besoin visuel.

2. Où modifier les dimensions des images de catégories dans PrestaShop 1.7 ?

Allez dans Apparence > Images dans le back-office. Vous verrez une liste de types d’images, dont "category_default". C’est ici que vous pouvez modifier la largeur et la hauteur par défaut des images de catégorie.

Après modification, il est indispensable de cliquer sur “Régénérer les miniatures” pour que PrestaShop applique les nouvelles dimensions à toutes les images existantes. Sans cela, les anciennes images garderont leur taille initiale, ce qui pourrait provoquer des incohérences d’affichage.

3. Que faire si l’image de catégorie s’affiche floue ou déformée ?

Un affichage flou ou étiré est souvent dû à une image importée trop petite par rapport à la taille d’affichage définie dans le thème. Il faut donc s’assurer de téléverser une image avec des dimensions au moins égales à celles requises.

Il est aussi recommandé de vérifier les réglages dans Apparence > Images et de régénérer les miniatures. Si le problème persiste, cela peut venir d’un style CSS appliqué dans le thème. Dans ce cas, il faudra ajuster le CSS ou contacter le développeur du thème.

4. Comment adapter la taille d’image de catégorie pour les appareils mobiles ?

PrestaShop 1.7 gère automatiquement une partie du redimensionnement via son système responsive. Cependant, pour une optimisation complète sur mobile, il est conseillé d’utiliser des media queries CSS pour ajuster les tailles selon la largeur de l’écran.

Vous pouvez également utiliser des images plus petites ou recadrées spécifiquement pour les mobiles, en modifiant le template category.tpl. L’objectif est de préserver la lisibilité tout en limitant le poids des images sur les connexions mobiles.

5. Est-il possible d’avoir plusieurs tailles d’image de catégorie selon l’emplacement ?

Oui, mais cela nécessite des ajustements dans le code du thème. Vous pouvez créer plusieurs types d’images dans Apparence > Images, chacun avec une taille différente, et les appeler selon les pages (ex. : category_menu, category_banner).

Ensuite, dans les fichiers .tpl, vous spécifiez le type d’image à utiliser selon le contexte. Cette méthode permet d’avoir une bannière large sur la page catégorie et une vignette plus petite dans un menu ou un bloc sans surcharger le site.

6. Comment créer un nouveau type d’image pour les catégories ?

Rendez-vous dans Apparence > Images, puis cliquez sur “Ajouter un type d’image”. Donnez un nom (ex. : cat_miniature), définissez les dimensions souhaitées et cochez “Catégorie” comme cible.

Une fois créé, utilisez ce nouveau type dans les fichiers du thème, par exemple avec {link->getCatImageLink($category.link_rewrite, $category.id_image, 'cat_miniature')}. N'oubliez pas de régénérer les miniatures pour que PrestaShop crée les nouvelles versions selon ce format.

7. Peut-on modifier la taille des images sans perdre les anciennes ?

Oui, mais il faut faire attention. Lorsque vous modifiez les dimensions dans Apparence > Images puis régénérez les miniatures, PrestaShop écrase les anciennes. Pour les conserver, pensez à faire une sauvegarde du dossier /img/c/.

Une autre solution consiste à créer un nouveau type d’image, ce qui vous permet de conserver les anciennes tailles tout en testant les nouvelles. Cela est utile si vous changez de thème ou préparez une refonte sans perturber le site en ligne.

8. Est-ce que la taille des images influence les performances du site ?

Oui, une image trop grande et non optimisée ralentit le chargement des pages, surtout sur mobile. Cela peut nuire à l’expérience utilisateur et au référencement naturel. Il est donc crucial d’optimiser le poids de l’image en plus de sa taille.

Utilisez des outils comme TinyPNG, ImageOptim ou Squoosh pour compresser vos images sans perte visible de qualité. Veillez également à utiliser le format adapté : JPG pour les photos, PNG pour les images avec transparence ou peu de couleurs.

9. Comment supprimer une image de catégorie pour la remplacer par une autre aux bonnes dimensions ?

Dans Catalogue > Catégories, éditez la catégorie concernée. Cliquez sur l’icône de corbeille à côté de l’image pour la supprimer, puis chargez la nouvelle image dans le champ prévu à cet effet.

Une fois remplacée, pensez à vider le cache (via Paramètres avancés > Performances) et à régénérer les miniatures si nécessaire. Cela assure que la nouvelle image s’affiche correctement sur toutes les pages concernées, dans le bon format.

10. Existe-t-il un module pour gérer facilement la taille des images de catégories ?

Oui, plusieurs modules comme Image Manager, Advanced Image Settings ou PrestaImage Tools permettent de gérer les tailles, compressions et types d’images depuis une interface plus intuitive que celle native de PrestaShop.

Certains offrent même une prévisualisation en temps réel, la gestion des images par lot, ou des réglages spécifiques selon le thème utilisé. C’est un excellent gain de temps, notamment pour les boutiques avec un grand nombre de catégories ou lors d’une refonte visuelle.