Largeur maximale de l’image

Liens en vedette

1. Documentation Shopify sur la personnalisation des thèmes
2. Documentation Shopify sur les sections et les blocs

Vidéos utiles

Vidéo Shopify Academy : personnaliser votre boutique

Vidéo Shopify Academy : personnaliser votre boutique

Ce groupe de paramètres contrôle la largeur maximale d’une image partout où cette option est disponible. Utilisez-le pour garder les images discrètes, leur donner plus de poids visuel ou leur permettre de s’étendre pour occuper l’espace disponible. Si vous effectuez cet ajustement dans l’éditeur de thème, consultez documentation Shopify sur la personnalisation des thèmes. Pour une vue d’ensemble plus large de la manière dont les sections et les blocs du thème utilisent les paramètres, consultez documentation Shopify sur les sections et les blocs

Largeur maximale de l’image

Choisissez une largeur plus petite lorsque l’image accompagne le contenu voisin plutôt que de le mettre en avant. Cela fonctionne bien pour les logos, icônes, badges et autres visuels qui doivent rester proportionnés au texte environnant.

Augmentez la largeur lorsque l’image a besoin de plus de présence, comme des visuels de mise en avant, des images éditoriales ou d’autres contenus qui doivent ressortir davantage dans la mise en page. Un réglage plus large peut rendre l’image plus intentionnelle sans modifier le reste du contenu.

Définir la valeur sur 0 supprime la limite de largeur et permet à l’image de s’étendre sur toute la largeur disponible de son conteneur.

L’étirement sur toute la largeur utilise uniquement l’espace disponible dans la mise en page environnante. Il ne forcera pas l’image à dépasser la largeur de son conteneur.

Choisir une largeur pratique

Commencez par décider si l’image est décorative, d’appoint ou un point focal principal. Les images d’appoint sont généralement plus réussies avec une largeur modeste, tandis que les images focales bénéficient souvent de plus d’espace.

Si ce paramètre apparaît à différents endroits du thème, ajustez-le pour chaque cas d’utilisation au lieu de vous appuyer sur une norme visuelle unique partout. La bonne largeur d’image dépend de l’espace environnant et du degré de présence souhaité pour l’image.

Qualité et équilibre de l’image

Des largeurs d’image plus importantes rendent les images source de faible qualité plus visibles. Si une image paraît floue, recadrée de manière maladroite ou trop dominante, réduisez la largeur avant de modifier les autres paramètres de mise en page.

Vérifiez également la relation entre l’image et le texte ou les actions à proximité. Une image trop grande peut faire descendre le contenu important ou déséquilibrer une zone de contenu.

Notes d’utilisation

1. Faites correspondre le rôle de l’image. Utilisez des largeurs plus petites pour les visuels d’appoint et des largeurs plus grandes pour les images qui doivent guider le contenu.
2. Utilisez la pleine largeur avec intention. Définissez la valeur sur 0 uniquement lorsque la mise en page dispose de suffisamment d’espace et que l’image reste nette à cette taille.
3. Vérifiez l’équilibre du contenu. Assurez-vous qu’une image plus large n’écrase pas les titres, le texte ou les appels à l’action à proximité.
4. Ajustez selon l’emplacement. Réexaminez ce paramètre dans chaque contexte où il apparaît, car la meilleure largeur dépend de l’espace disponible.
5. Vérifiez les deux affichages. Les contrôles pour ordinateur et mobile peuvent se comporter différemment, alors vérifiez l’image sur les deux tailles d’écran avant de publier.
6. Comparez les choix de médias. Si l’ordinateur et le mobile utilisent des médias différents, confirmez que le recadrage, le chargement, le comportement de secours et la lisibilité fonctionnent bien dans les deux vues.