Photo

Le bloc Photo place une image centrée sur la page. La photo est automatiquement rognée à une hauteur fixe (465 px) et le rognage est centré — le CMS s'occupe des bonnes proportions.

Comment cela apparaît sur le site

Champs

Champ	Type	Obligatoire	Contenu
Photo	Fichier (image)	Non*	Une image depuis le dossier Ressources.
Lien	Champ Lien	Non	Rend la photo cliquable (interne, externe, e-mail, téléphone, fichier).

*Techniquement, le CMS permet de sauvegarder ce bloc sans photo, mais rien ne s'affichera — remplissez toujours une photo.

Comment cela s'affiche

• L'image est automatiquement rognée à 465 pixels de haut. Les photos larges sont coupées à gauche/droite, les étroites en haut/bas. Le CMS centre la zone rognée.
• L'image est centrée sur une largeur de max 8 des 12 colonnes (≈ deux tiers de la largeur de page).
• Si un Lien est rempli, l'image entière devient cliquable. L'attribut ALT est alors rempli avec le texte personnalisé du lien.

Texte ALT uniquement via le champ Lien

Si vous ne remplissez pas de lien, l'image n'a par défaut pas de texte ALT. Pour l'accessibilité (lecteurs d'écran, SEO), mettez plutôt une courte description dans le champ ALT dans Ressources — il sera alors repris par tous les blocs qui utilisent la photo.

Choisir une photo

1. Cliquez dans le champ Photo sur Ajouter.
2. Le CMS ouvre le dossier Ressources (volume Algemeen).
3. Choisissez une image existante, ou cliquez sur Téléverser en haut à droite pour en ajouter une nouvelle.
4. Confirmez avec Sélectionner.

Bien choisir une photo

• Proportions environ 16:9 ou plus larges. Les photos verticales (portrait) seront durement rognées à 465 px de haut.
• Résolution d'au moins 1600 pixels de large pour que la photo reste nette sur les grands écrans.
• JPG pour les photos, PNG pour les captures d'écran ou les graphiques avec des bords nets.
• Taille de fichier sous 500 Ko. Optimisez si besoin avec TinyPNG ou via Squoosh avant l'envoi.
• Pas de texte dans l'image si vous avez un site multilingue — ce texte n'est pas traduisible. Mettez plutôt le texte dans un bloc Texte à côté ou un Titre au-dessus.

Erreurs fréquentes

• Photos avec du texte intégré — illisibles après traduction, mauvais pour le SEO et l'accessibilité.
• Photo trop claire ou trop sombre — contrôlez dans Aperçu le rendu sur la vraie page.
• La photo est coupée à l'endroit le plus important — choisissez une image où le sujet est centré, ou retravaillez la photo au préalable pour que le rognage tombe juste.
• Photos différentes par langue — rarement nécessaire. La photo est partagée par défaut entre toutes les langues. Ne choisissez une version par langue que si l'image contient du texte (voir ci-dessus : à éviter).