Travailler avec des images primaires

mercredi 21 février 2024

Michael Willi

Particularité de l'image primaire

Le premier bloc de contenu dans les articles tels que les Evénements, Lettres, Actualités, Actions et autres, contient l'image principale ou image primaire. Cette image est la seule à apparaître dans le Slider, le Carrousel, l'aperçu, en format portrait (sur les appareils mobiles) et sur la page contenant les détails de l'article. Veillez à toujours utiliser des images en haute résolution et de taille appropriée. Sinon, votre site web pourrait paraître peu professionnel.

Télécharger l'image

Pour télécharger une image, il est possible de la faire glisser dans la zone de téléchargement ou de cliquer sur la zone et de sélectionner l'image sur votre ordinateur.

ATqbx8J0ca8AAAAASUVORK5CYII=

L'image primaire peut être présentée de 4 manières

Recadrer l'image

Avec les boutons bleus situés en haut, il est possible de réduire ou d'agrandir l'image, de la déplacer ou de la faire pivoter. En outre, les points bleus sur le bord de l'image peuvent être utilisés pour ajuster la taille de l'image avec la souris.

Les lignes blanches en pointillés et le plus blanc au milieu indiquent ce qui sera visible sur l'image. Une bordure blanche autour de l'image n'est pas nécessaire.

Recadrer l'image

Choisir la stratégie d'affichage

Selon le réglage du curseur sous l'image, on obtient deux affichages différents.

vL1y8r321nw023u6RlK8o+iNpNg+DsaCUrJ1Rbn540LCWJo+CcU+e+vh6OV4fwnGuwNGGtiTuQ30cF3UBP3lS6Ce0BwMn80J7B5oHfyqKPg8muTLECgcqJ+MqMlDhwDzgQEXR58EkV4ZY4UBF0SsyUOHAPOBARdHnwSRXhljhwP8HaWoJ4VoOMpkAAAAASUVORK5CYII=     +dnR0SkvDY4AAAAASUVORK5CYII=

Réglage "L'image doit remplir toute la zone encadrée" sur ON.

En choisissant ce réglage, l'image entière reste visible dans tous les formats d'affichage. Selon le format de l'image, des zones blanches devront éventuellement être ajoutées à droite et à gauche de l'image dans le Slider ou dans les portraits, ou au-dessus et en dessous de l'image dans le Carrousel. Dans la liste et dans la vue détaillée, la taille de l'image peut être adaptée proportionnellement.

Réglage "L'image doit remplir toute la zone encadrée" sur OFF (point de focalisation)

En choisissant ce réglage, l'image remplit entièrement le format disponible, elle est recadrée à la taille du format et le point focal se trouve au centre. Aucun espace blanc n'est ajouté. Au lieu de cela, l'image peut être légèrement recadrée pour s'adapter au format disponible.

Un petit cercle blanc apparaît dans l'image et peut être déplacé avec la souris pour définir le point de focalisation. Les effets de ce mouvement sont immédiatement visibles dans les exemples d'images.

Réglage du point de focalisation

Définir la taille de l'image en %.


Enfin, il est possible de définir la taille de l'image en %. Cela n'affecte que l'affichage dans la page détaillée.

D887omcDNtVjAAAAABJRU5ErkJggg==

Attention : n'oubliez pas de cliquer sur le bouton "SAUVEGARDER" pour enregistrer l'article !