Un seul packshot, trois tailles d’image WooCommerce.
WooCommerce génère ses tailles d’affichage à partir d’un seul fichier importé : l’image de la page produit, l’image du catalogue et la miniature, chacune aux dimensions que fixe le thème. Le Studio packshot de Herofab livre le produit seul sur un fond blanc de studio à partir d’une photo téléphone, en 2K ou en 4K, au-dessus de la taille d’import que WooCommerce recommande.
Ce qu’un thème fait d’une image produit.
- 1
Trois tailles à partir d’un seul fichier
WooCommerce travaille avec trois types d’image : l’image de la page produit, les images du catalogue dans les boucles de produits telles que la page boutique, et les miniatures produit. Toutes sont générées à partir du fichier importé. Il recommande une taille d’import minimale et préfère des images plus grandes pour les détails fins. Les sorties 2K et 4K de Herofab dépassent cette taille dans toutes les proportions.
- 2
Un carré pour le recadrage du catalogue
Les miniatures du catalogue peuvent être recadrées en carré, recadrées à des proportions personnalisées ou laissées sans recadrage, et les images non recadrées peuvent s’afficher à des tailles inégales. Un packshot carré s’accorde au réglage carré sans que le produit soit entamé. Chaque packshot montre le produit une seule fois, centré et occupant l’essentiel du cadre, si bien que les articles d’une page boutique apparaissent à la même échelle.
- 3
Zoom, écrans Retina et miniatures régénérées
Dans le thème Storefront, la plus grande image de la page produit a la taille qu’exige son effet de zoom, et pour les écrans Retina WooCommerce conseille des miniatures réglées au double de la taille affichée par le thème. Un grand fichier importé laisse de la marge pour les deux. Dès qu’un nouveau thème est activé ou que les dimensions d’image changent, les miniatures existantes doivent être régénérées.
Ce que WooCommerce demande.
Source : WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images. Vérifié le 11 octobre 2026.
- Recommandé
- Envoyez des images d’au moins 800 × 800 pixels ; des images plus grandes conviennent mieux aux produits aux détails fins
- Types d’image
- Trois types : l’image du produit seul, les images de catalogue dans les boucles de produits comme la page boutique, et les vignettes de produit
- Redimensionnement
- WooCommerce génère les tailles d’affichage à partir de l’image envoyée ; dans les thèmes classiques, l’image du produit seul fait par défaut 600 pixels de large, les vignettes du catalogue 300 pixels de large et les vignettes de la galerie 100 × 100 pixels
- Recadrage
- Les vignettes du catalogue peuvent être réglées sur 1:1, sur des proportions personnalisées ou laissées sans recadrage ; les images non recadrées peuvent apparaître dans des tailles inégales
- Thème Storefront
- Dans le thème Storefront, la plus grande image du produit seul mesure 800 × 800 pixels, la taille qu’exige son effet de zoom
- Retina
- Pour des images nettes sur les écrans Retina, réglez les vignettes sur le double de la taille affichée par le thème
- Modifications
- Après l’activation d’un nouveau thème ou la modification des réglages de dimensions d’image, les vignettes déjà créées doivent être régénérées
Une photo téléphone pour un packshot WooCommerce.
- Posez le produit dans une position compacte, anses dressées et cordons ou sangles rassemblés tout près, pour qu’il remplisse un carré sans larges coins vides.
- Une table, une main, une boîte ou une étiquette de prix peuvent rester sur la photo, puisque l’outil a pour consigne de n’utiliser que le produit ; ce qui compte, c’est qu’aucun d’eux n’en cache une partie.
- Touchez l’écran pour faire la mise au point sur l’étiquette ou sur la couture la plus fine avant de déclencher ; le zoom d’un thème agrandit l’image de la page produit, et un manque de netteté dans la source s’y voit en premier.
Photos produit pour WooCommerce : les réponses.
Une boutique WooCommerce a-t-elle besoin d’un fichier distinct pour chaque taille d’image ?
Non. WooCommerce génère l’image de la page produit, l’image du catalogue et la miniature de la galerie à partir d’un seul fichier importé, aux dimensions que fixe le thème. Ce que le fichier doit apporter, ce sont assez de pixels : WooCommerce recommande un minimum et préfère des images plus grandes pour les détails fins. Les packshots sont livrés en 2K, ou en 4K en option, et les deux dépassent cette recommandation.
Pourquoi les images du catalogue s’affichent-elles à des tailles inégales ?
WooCommerce permet de laisser les miniatures du catalogue sans recadrage, et des images non recadrées de formes différentes peuvent alors s’afficher à des tailles inégales. Deux choses règlent la question : un réglage de recadrage, carré ou à proportions personnalisées, et des fichiers importés qui partagent déjà une même forme. Des packshots commandés en carré pour chaque produit conviennent tels quels au réglage carré. Si le réglage est modifié par la suite, les miniatures doivent être régénérées.
Le packshot peut-il avoir une ombre ou un fond autre que blanc ?
Ce sont deux réglages. Le Studio packshot propose une ombre de contact douce, aucune ombre ou un reflet, et outre le blanc studio il peut poser le produit sur du gris ou du beige, sur du marbre, du bois ou du lin, sur un podium, en extérieur, dans un intérieur de maison ou sur l’image propre à la boutique. Les règles WooCommerce indiquées sur cette page portent sur la taille et le recadrage et ne prescrivent aucun fond : le choix revient donc à la boutique.
Combien cela coûte-t-il ?
4 crédits par image, plus un crédit pour la 4K. Le coût est affiché avant la génération, et si une tâche échoue, les crédits sont restitués. Les 20 crédits offerts à l’inscription couvrent 5 images avec cet outil.
Votre prochaine collection, photographiée cette semaine.
20 crédits à l’inscription, sans carte bancaire. Les images réalisées avec les crédits offerts portent un filigrane.