media contract
Image
Optimised image with built-in loading + alt enforcement.
Variants
- default
- next/image or platform equivalent
- cover
- object-fit: cover inside a fixed AspectRatio
- contain
- object-fit: contain — for logos, icons
Sizes
- auto
Example
<Image src="/hero.jpg" alt="Team at the launch event" width={1200} height={675} priority />Usage rule
`alt` is required — pass "" only when the image is purely decorative AND adjacent to a visible label.
The full Image contract has 4 more rules, plus the do-not patterns. Get the full recipe.