Polaris - Rognage des images pour le slider et le carrousel

vendredi 15 janvier 2021

Olivier Gardiol, Polaris-Team

Pour atteindre une bonne présentation des images dans le slider et le carrousel, il est important de

  1. Disposer d'images avec suffisamment de marge en largeur et hauteur permettant le rognage autour du sujet à afficher
  2. Rogner et centrer correctement les sujets (voir exemple)
  3. Utiliser des images de bonne résolution et se tenir dans les dimensions en pixels contribuant à un bon rendu.

Les trois cadres virtuels violet, vert et jaune montrent où le sujet principal doit se trouver en hauteur, ainsi que les proportions hauteur-largeur à respecter pour un bon rendu.

Pour le sider il s'agit de rogner de manière à ce que le sujet soit un peu plus haut qu'au centre, de manière à ce que le titre semi-transparent ne le cache pas.

Comment assurer des images de qualité en page d'accueil

Français - cliquez sur l'image pour l'agrandir

Allemand - cliquez sur l'image pour l'agrandir