Cookies publicitaires

Nous utilisons des cookies publicitaires pour mesurer l'efficacité de nos campagnes. Vous pouvez les refuser sans que cela affecte votre navigation. En savoir plus

Ressources · Guides

Dimensionner ses presets pour un thème WooCommerce personnalisé

Les cinq presets fournis par ImagePipe couvrent les emplacements standards d'un thème WooCommerce classique, mais un thème personnalisé affiche rarement ses vignettes exactement aux mêmes dimensions. Comment calculer les bonnes tailles cibles plutôt que garder les valeurs par défaut.

Illustration : une règle graduée, symbolisant le calcul des dimensions d'un preset sur mesure 1 septembre 2026

Les cinq presets fournis par ImagePipe (product_card, product_page, category_banner, manufacturer_logo, mobile_thumbnail) sont calibrés pour des emplacements WooCommerce standards. Un thème personnalisé, grille catalogue à 5 colonnes plutôt que 4, galerie produit zoomable pleine largeur, affiche presque toujours ses images à des dimensions réelles différentes des valeurs par défaut.

Pour trouver la bonne dimension cible : inspectez l'élément affiché dans les outils de développement du navigateur (largeur et hauteur CSS réellement rendues, pas la taille du fichier original), puis multipliez par 1,5 à 2 pour couvrir les écrans à forte densité de pixels (retina). Un facteur ×2 systématique double aussi le poids de chaque variante générée, pour un gain de netteté rarement perceptible au-delà de ×1,5 sur une photo produit classique.

Reconfigurez un preset existant plutôt que d'en créer un nouveau : modifiez les dimensions cibles de product_card directement dans les réglages plutôt que de multiplier les presets sur mesure pour chaque emplacement, plus simple à maintenir dans la durée. Les variantes déjà en cache sous l'ancien réglage restent valides tant qu'elles ne sont pas explicitement vidées (voir le guide sur le cache après un changement de thème).

Le mode de redimensionnement compte autant que la taille elle-même : une grille catalogue avec des photos produit de ratios variés a presque toujours besoin de Cover ou Crop pour rester visuellement homogène, tandis qu'une bannière de catégorie doit souvent rester en Contain pour ne jamais rogner le visuel. Un preset mal dimensionné en taille mais bien réglé en mode reste souvent plus acceptable visuellement que l'inverse.

Retour aux guides