Document ID: /fineweb-2-swissfilter-quality_10-filterrobots/filtered/07093.jsonl.gz/457

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
- Disposer d'images avec suffisamment de marge en largeur et hauteur permettant le rognage autour du sujet à afficher
- Rogner et centrer correctement les sujets (voir exemple)
- 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