Examples using Next.js Image component
A custom image component that utilizes the Next.js Image component at its core.
Aspect ratio
1:1 (100%)
16:9 (56.25%)
4:3 (75%)
1:2 (200%)
Contained
Cropped
Cropped with focal point
Not cropped
Default focal point (center)
Left focal point
Right focal point
Not cropped
Default focal point (center)
Top focal point
Bottom focal point
Custom Width
96px
128px
160px
256px
Full-width examples
