Responsive content image.
Responsive content image. Use Image when this pattern fits the screen — variant previews are below.
Do
- Provide descriptive
alton informative images. - Pick aspect ratios that match the media format.
Don't
- Stretch media without a ratio or max-width constraint.
- Use decorative images without
alt=""when appropriate.
<twig:Image src="/photo.jpg" alt="Team photo" />| Prop | Type | Default | Description |
|---|---|---|---|
| — | — | — | See Twig component class and package registry. |
- Informative images require text alternatives.
- Avatars need meaningful labels when they identify a person.