Basic Image
Simple optimized image
With Dimensions
Image with specific dimensions
Browse components
OptimizedImage
Image with explicit width and height that always loads lazily.
atoms
Live example
Default usage you can copy and adapt.
Props
The props you are most likely to need, with types and defaults.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| src | string | Yes | — | Image source. |
| alt | string | No | — | Alternative text. |
| width | number | string | No | 100% | Rendered width. |
| height | number | string | No | auto | Rendered height. |