Aspect Ratio
Format d’image
Le format d’image indique la largeur d’un élément par rapport à sa hauteur.
Un autre exemple
Un espace réservé pour la vidéo garde un ratio 16:9 avant son chargement, pour éviter que la page ne saute.
Parties principales
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
Utilisez-le lorsque
Utilisez-le pour des médias, des cartes, des toiles et des espaces réservés réactifs dont la forme est connue.
Ne l'utilisez pas lorsque
Ne jamais forcer un recadrage lorsque chaque partie de l'image contient de l'information.
Nom utilisé dans le code
aspect-ratio Avant d'expédier
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Format d’image (Aspect Ratio). User context: Un espace réservé pour la vidéo garde un ratio 16:9 avant son chargement, pour éviter que la page ne saute. Design concept to apply: Format d’image (Aspect Ratio). Why it fits: Utilisez-le pour des médias, des cartes, des toiles et des espaces réservés réactifs dont la forme est connue. Do not use it when: Ne jamais forcer un recadrage lorsque chaque partie de l'image contient de l'information. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Un document officiel peut quand même être un brouillon, un release candidate, ou la version finale. Vérifie son statut et sa compatibilité avec le navigateur ou la plateforme. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Vérifiez cette demande
Review how Format d’image (Aspect Ratio) is used now. Definition: Le format d’image indique la largeur d’un élément par rapport à sa hauteur. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.