Remarque : même si nos guides les plus populaires ont été traduits en français, certains guides sont uniquement disponibles en anglais.

Using focal points to center images

De nombreuses zones d'image de votre site disposent d'une fonction de centrage intégrée appelée point focal. Le point focal définit le centre d'une image, ce qui vous permet de contrôler l'endroit où l'image est centrée.

Images with focal points

You can adjust the focal point for most images.

Dans la version 7.1, vous pouvez ajuster le point focal pour les éléments suivants :

  • Blocs Image
  • Sections de galerie
  • Miniatures
  • Images d'arrière-plan des sections

Dans la version 7.0, vous pouvez ajuster le point focal pour les éléments suivants :

  • Blocs Image
  • Blocs Galerie
  • Pages Galerie
  • Miniatures
  • La plupart des images de bannières

Focal points aren't optimized for:

  • Les images d’arrière-plan dans la version 7.0 téléchargées dans Styles de site : ces images n’ont pas de points focaux. Pour ajuster le point focal et le recadrage de l’image, utilisez les ajustements de styles de site Position et Taille.
  • Les images au défilement avec effet parallaxe : ces images ont des points focaux. Cependant, en raison du fonctionnement du défilement avec effet parallaxe, les modifications peuvent ne pas avoir d’impact notable sur la position d’une image, en particulier pour les images courtes et larges.
  • Vidéos dans n'importe quelle zone de votre site.
Conseil : Vous pouvez recadrer et redimensionner des images à l'aide d'autres outils intégrés.

Set the focal point

  1. Open the block, section, or image.
  2. Survolez l'image pour afficher le point focal, qui ressemble à un petit cercle. Pour cet exemple, nous avons utilisé une miniature de page, mais le processus est similaire pour tous les points focaux.

The_focal_point_in_the_center_of_the_image.png

  1. Click and drag the focal point to set the central focus area.

The_focal_point_moved_to_the_top_of_the_image.png

The area set by the focal point now appears as the center of your image. The new focal point automatically saves in the new position, even if you don't click Save.

Astuce : pour certaines images, le point focal peut sauter au centre de l’image lorsque vous tentez de la placer très près du centre. Ceci est normal et ne se produit que lorsque le déplacement de l’image ne fait aucune différence visuelle.

Aide supplémentaire

Image size and shape

The height and width of your image, and the shape of the container that it's filling, have a big impact on how much of an effect the focal point has.

Par exemple, si vous ajoutez une image orientée paysage à un bloc d'image configuré pour s'afficher sous forme de carré, toute modification horizontale apportée au point focal fera une grande différence. L'image est plus large que le conteneur, il y a donc de la place de chaque côté pour qu'elle soit recentrée.

landscape image in square container

On the other hand, if your image's container and the original image are the same basic shape and size, moving the focal point won't make a big difference.

Conseil : Pour régler la hauteur du conteneur des blocs Images, utilisez la poignée de recadrage.

landscape image in landscape container

Images de Galerie

  • Vous pouvez ajuster le point focal dans la page Galerie principale ou dans l'éditeur de section Galerie. Pour apporter des modifications plus précises, utilisez l'éditeur d'images.
  • Dans la version 7.0, si vous avez configuré un bloc Galerie pour extraire des images d'une page Galerie, effectuez les modifications du point focal dans la page Galerie.

Affichage des images

If your image looks fuzzy or distorted:

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 53 sur 117