Réussi
Paramètres d’image
Contrôlez le style, la taille, le recadrage, la mise en page mobile et les liens des images en un seul endroit.
Utilisez ces paramètres pour contrôler l’apparence, l’ajustement et le comportement d’une image partout où ce groupe d’images est disponible. Vous pouvez choisir l’image, ajuster sa forme et sa largeur, définir la manière dont elle est recadrée sur ordinateur et sur mobile, et éventuellement la rendre cliquable. Pour un aperçu plus large de la façon dont les paramètres de thème sont modifiés, consultez la documentation Shopify sur l’éditeur de thème
Pour un résumé visuel de ces contrôles, consultez la référence des paramètres d’image.
Sélection de l’image
Section intitulée « Sélection de l’image »Commencez par choisir une image qui convient déjà à l’espace qu’elle occupera. Un fichier large convient mieux aux bannières et aux mises en page horizontales, tandis que les images carrées ou portrait paraissent généralement plus naturelles dans des zones de contenu plus étroites.
Si votre image contient du texte, des logos ou un sujet cadré de près, vérifiez-la à nouveau après avoir modifié les paramètres de format. Le recadrage peut supprimer des détails importants près des bords.
Forme et largeur
Section intitulée « Forme et largeur »Le style d’image modifie la présentation globale de l’image. Utilisez le style par défaut pour un rendu neutre, des coins arrondis pour un traitement visuel plus doux, ou un cercle lorsque l’image est centrée et suffisamment simple pour fonctionner dans un cadre circulaire.
La largeur maximale de l’image contrôle la taille maximale que l’image peut prendre dans l’espace disponible. La définir à 0 permet à l’image de s’étendre sur toute la largeur disponible, ce qui est utile pour les grandes zones visuelles. Des valeurs plus faibles aident à garder des images plus compactes et mieux équilibrées à côté du texte ou d’autre contenu.
Le format de l’image contrôle la forme du cadre de l’image. Le conserver sur Default préserve les proportions naturelles de l’image, tandis que les formats fixes créent une mise en page plus cohérente d’une image à l’autre.
Utilisez des formats fixes lorsque vous souhaitez aligner plusieurs images proprement ou obtenir un rythme visuel plus intentionnel. Les formats paysage et grand écran conviennent aux visuels larges, tandis que les formats carré et portrait peuvent donner aux zones de contenu plus petites un aspect plus structuré.
Les formats fixes peuvent recadrer l’image sur n’importe quel côté. Si le point focal se situe près d’un bord, prévisualisez le résultat avant de publier.
Format mobile
Section intitulée « Format mobile »Le format d’image mobile vous permet d’ajuster la forme de l’image pour les petits écrans sans modifier la présentation sur ordinateur. C’est utile lorsqu’un recadrage large sur ordinateur devient trop peu profond ou maladroit sur téléphone.
Laisser l’option mobile sur Default utilise le format principal. Choisissez un format mobile distinct lorsque l’image a besoin de plus d’espace vertical ou d’un recadrage plus simple sur les petits écrans.
Liens d’image
Section intitulée « Liens d’image »Vous pouvez ajouter un lien pour rendre l’image cliquable, ce qui est utile pour les visuels promotionnels, les contenus à la une ou les visuels de marque qui doivent mener vers un endroit précis. Les images liées fonctionnent mieux lorsque la destination est évidente à partir du contenu environnant.
Utilisez l’option de nouvel onglet uniquement lorsqu’elle améliore l’expérience de navigation, par exemple pour des destinations externes. Pour la plupart des navigations internes, l’ouverture dans le même onglet paraît plus naturelle.
Notes d’utilisation
Section intitulée « Notes d’utilisation »- Choisissez la bonne image source. Commencez avec une image qui correspond déjà à la mise en page prévue afin d’avoir besoin de moins de recadrage agressif.
- Équilibrez la taille avec les contrôles de largeur. Ajustez la largeur maximale lorsqu’une image paraît trop grande au lieu de vous appuyer uniquement sur les modifications de format.
- Vérifiez les recadrages sur mobile. Examinez séparément les petits écrans, surtout lorsque l’image sur ordinateur est large ou contient des détails importants au centre d’intérêt.
- Comparez les paramètres sur ordinateur et sur mobile. Vérifiez les deux tailles de zone d’affichage lorsque vous modifiez le recadrage, l’alignement, la visibilité ou les options de média, car ils peuvent produire des résultats visuels différents.
- Conservez le style de repli si nécessaire. Laissez en place les valeurs vides, transparentes ou au style par défaut lorsque vous souhaitez que la zone d’image conserve l’apparence et le comportement intégrés au thème.
- Utilisez les remplacements avec intention. Choisissez des couleurs explicites, des dégradés ou un média alternatif uniquement lorsque vous souhaitez que la zone d’image locale se distingue du contenu environnant.
- Protégez le contenu clé. Évitez les formats fixes pour les images avec du texte bord à bord, des logos ou un cadrage serré, sauf si vous avez confirmé que le recadrage fonctionne bien.