Images et réserves.

01

La réserve.

Une photo attendue a sa place avant d’exister. Le composant EmplacementPhoto vérifie à la construction si le fichier est dans public/assets/<dossier>/ : s’il y est, la photo s’affiche ; sinon, la réserve prend sa place et dit ce qu’elle attend.

Emploi

Toute photo d’équipe, de lieu, de réalisation ou éditoriale : le même composant pose la photo ou sa réserve.

Moment

Dès qu’une photo est prévue, même si personne ne l’a encore prise : la réserve sert de brief au photographe.

Jamais

Pour un dessin, une scène ou un logo : ils ont leurs composants. Jamais une image d’emprunt à la place.

<EmplacementPhoto dossier="realisations" fichier="exemple" ratio="16/10" variante="courte" brief="Le produit en service, chez le client." />

<EmplacementPhoto dossier="photos" fichier="interlocuteur" ratio="1/1" taille="1600 × 1600" brief="La personne qui suit un projet, en rendez-vous avec un client. Cadrage serré." />

Les props

Ce que la réserve affiche

D’après le composant : une icône d’appareil photo, « Photo » suivi du statut, le format (et la taille en variante normale), puis le brief. Son commentaire décrit un gris chaud sous le papier millimétré et des traits de coupe aux quatre coins. Les variables existent (--photo et --papier à la racine, redéfinies sur la trame) et le bloc .ph de grinn.css les pose : fond papier sur --photo, gris chaud hors de la trame, vert pâle sur la trame depuis le 12 octobre, traits de coupe de 16 px aux quatre coins (10 px du bord), icône de 18 px, étiquette en capitales, format à droite, brief en bas ; la variante courte réduit tout (padding 12 px, icône 15 px, traits de 10 px), la variante mini ne garde que l’icône, centrée.

02

La photo quand elle existe.

Déposer le fichier suffit : le composant le trouve au prochain build et remplace la réserve par une image. Rien d’autre à changer dans la page.

La photo réelle prend la classe .ph--photo : bloc sans padding, object-fit cover au ratio --r (--rm jusqu’à 860 px), object-position posé par le cadrage, fond var(--line) le temps du chargement, et var(--photo), le vert pâle, sur la trame. Dans la grille équipe, elle garde son ratio, et passe en 2/1 dès 1000 px. Dans une cellule photo (.tr-cel--photo), la règle lui donne la hauteur de sa cellule, 260 px au moins, et libère le ratio.

03

Où vont les photos.

Deux places sur l’accueil, la photo d’équipe et une réserve de portrait dans le mur de citations, puis les preuves des pages d’offre, les lieux et les portraits des pages intérieures. Les cas, eux, se montrent par leurs captures, sur l’accueil aussi depuis le 13 octobre.

<EmplacementPhoto dossier="equipe" fichier={PHOTO_GROUPE} ratio="16/10" ratioMobile="4/3" statut="à fournir"
  taille="original 3:2, 3000 × 2000" cadrage="center 18%" alt="L’équipe Grinn, à Nantes"
  brief="L’équipe entière, dans le passage vitré, en sweat marine : la photo de groupe de la série." />

Sur la trame, aucune règle ne pose de filtre, de voile ni de coin arrondi sur une photo : le voile du héros précédent n’y revient pas. Le seul rond est le portrait du mur, et c’est une réserve de 32 px. La vitrine des cas est à part : elle ne montre pas de photo, mais une matière sous un voile commun et des captures d’écran dans des cadres arrondis, avec leur ombre, des objets posés dans l’image.

Les illustrations ne sont pas des photos non plus, et ne passent pas par EmplacementPhoto : depuis le 13 octobre, des schémas vectoriels en SVG (public/assets/illustrations), posés par Scene en balise img, sans filtre ni multiply ; la section IA de l’accueil, la dernière à garder une scène peinte en vidéo, a reçu le sien le même jour. Quand un nom n’a ni SVG ni ancienne scène, ou que la section IA (appelée avec v2Seulement) n’a pas son SVG, Scene pose sa propre réserve, « Scène à produire » et le nom du fichier : voir Scènes.

04

Rien d’emprunté.

Pas de banque d’images, pas de visage d’emprunt, pas de capture d’écran factice. Quand une photo manque, c’est la réserve qui le dit, avec son format et son brief.

Les notices le disent aussi : une photo chez un client ne se publie qu’avec son accord, et le portrait d’une personne citée qu’avec le sien. Les faux écrans du site précédent (le balisage .mk) ont été retirés le 16 septembre 2026 et le vérificateur refuse qu’ils reviennent.