--- title: "Optimisez les images de votre outil Commander" slug: "optimize-your-checkout-images" updated: 2026-07-28T00:59:47Z published: 2026-07-28T00:59:47Z canonical: "mysupport.roller.software/optimize-your-checkout-images" --- > ## Documentation Index > Fetch the complete documentation index at: https://mysupport.roller.software/llms.txt > Use this file to discover all available pages before exploring further. # Optimisez les images de votre outil Commander Une image vaut mille mots, et des visuels de qualité tout au long de votre outil Commander contribuent à une meilleure expérience pour vos invités, ce qui se traduit par de meilleurs taux de conversion. C'est pourquoi il est important de consacrer du temps à trouver les bonnes images et à les optimiser pour garantir les meilleures performances de votre outil Commander. Ce guide explique comment trouver et optimiser les images pour votre outil Commander en ligne. ## Quelles images dois-je trouver et préparer ? Il y a deux domaines clés pour lesquels vous devez trouver et préparer des images : - Les images de vos produits - L'image d'arrière-plan & le logo de l'outil Commander qui apparaissent en haut de votre outil Commander (image hero). Découvrez les options dont vous disposez pour valoriser votre marque et mettre en avant vos produits grâce aux images dans [cette vidéo Academy](https://academy.roller.software/prepare-progressive-checkout/optimize-images). ## Images des produits Les images des produits peuvent jouer un rôle déterminant pour vous aider à vendre vos produits. Si vos invités peuvent clairement imaginer l'expérience que vous proposez, ils seront plus enclins à acheter. > [!NOTE] > Pensez à ajouter des images à vos [produits](/v1/docs/fr/get-started-with-products) lors de leur création. Elles vous aident à transmettre des informations importantes sur vos produits et offres, ce qui favorise les ventes. ![Screen_Shot_2022-09-28_at_10.52.42_am.png](https://cdn.us.document360.io/23700755-951c-4b69-8afe-ec8b33c6c689/Images/Documentation/5575532233231.png) ## Image d'arrière-plan et logo de l'outil Commander L'outil Commander utilise le logo par défaut et l'image d'arrière-plan de votre établissement pour l'image hero, mais vous avez la possibilité de les remplacer lors de la création de l'outil Commander. L'image hero est la première photo, illustration ou visuel que vos invités voient en haut de votre outil Commander. Vous souhaiterez peut-être remplacer l'image d'arrière-plan par défaut par une image qui représente mieux ce que vous vendez et votre marque. > [!NOTE] > L'objectif de l'image hero est d'attirer immédiatement l'attention des visiteurs et de leur montrer ce que vous proposez. Premier point de contact des utilisateurs avec votre outil Commander, les images hero peuvent avoir un impact majeur sur la perception de votre marque, le trafic de votre site web et la conversion. ## Optimiser vos images Avant d'ajouter des images à vos produits et à votre outil Commander, vous devez vous assurer qu'elles sont correctement préparées pour garantir les meilleures performances de votre outil Commander. Cela implique d'optimiser les images pour le web, ce qui peut comprendre : - Utiliser le bon format de fichier (ex. JPG, PNG) - Réduire la taille du fichier pour une utilisation web - Redimensionner la largeur & la hauteur de l'image ou le ratio de l'image (ex. 2:1) **Images des produits** Directives : - **Format de fichier** : JPG & PNG - **Dimensions du fichier** : 640 x 390 pixels (largeur x hauteur) - Redimensionnez ou recadrez vos images de produits à 640 x 390 pixels avant de télécharger la miniature dans les paramètres du produit. ![mceclip0.png](https://cdn.us.document360.io/23700755-951c-4b69-8afe-ec8b33c6c689/Images/Documentation/5598131826319.png) **Logo** Directives : - **Format de fichier** : PNG transparent - **Largeur maximale** : 640 pixels - La hauteur du logo n'a pas d'importance, car elle est déterminée par les dimensions du logo - **Taille du fichier** : Ne doit **pas** dépasser 1 Mo ![mceclip1.png](https://cdn.us.document360.io/23700755-951c-4b69-8afe-ec8b33c6c689/Images/Documentation/5598204621711.png) **Image d'arrière-plan** Directives : - **Format de fichier** : JPG, PNG - **Largeur recommandée** : 1920 pixels - **Largeur minimale** : 320 pixels - **Taille du fichier** : Ne doit pas dépasser 5 Mo ![mceclip2.png](https://cdn.us.document360.io/23700755-951c-4b69-8afe-ec8b33c6c689/Images/Documentation/5598222062223.png) **Image d'arrière-plan pour le widget de la page d'accueil avec appel à l'action** Vous pouvez ajouter une image au [widget de la page d'accueil avec appel à l'action](/v1/docs/fr/optimize-your-checkout-images) pour le mettre en valeur. Un widget d'appel à l'action vous permet de créer un lien vers un produit dans votre processus de commande ou vers une URL externe. Directives : - **Format de fichier** : JPG, PNG - **Rapport d'aspect** : 2:1 - **Taille maximale du fichier** : 1 Mo ![mceclip4.png](https://cdn.us.document360.io/23700755-951c-4b69-8afe-ec8b33c6c689/Images/Documentation/5598228058511.png) ## Comment démarrer ? Lorsque vous êtes prêt à commencer à créer votre commande en ligne, consultez le guide [Créer votre commande en ligne.](/v1/docs/fr/create-your-online-checkout) Regardez également les vidéos de [l'Academy](https://academy.roller.software/) pour en savoir plus sur la façon de préparer, créer et partager votre commande en ligne.