Home

Demo of the Fairu Statamic Addon — every image is served via fairu.app, transformed on the fly, responsively delivered and intelligently cropped via focal point.

Responsive grid

sources generates the srcset automatically. ratio keeps the aspect ratio consistent. fetchMeta="true" pulls alt text, caption and focal point in a single batched API call (meta coalescing).

Focal point

The focal point stored in Fairu is honored automatically — no matter the target ratio. The first crop overrides it with focal_point="50-50-1" (centered) for comparison.

1:1 centered (override)
1:1 with focal point
16:9 with focal point
9:16 with focal point

Fit modes

fit="cover" fills the box and crops, fit="contain" fits the entire image inside.

fit=cover
fit=contain

Format & quality

On-the-fly conversion via format and quality. Default is quality=90.

webp · q=80
avif · q=60
jpg · q=25 (extreme)

Live metadata via fetchMeta

Values pulled live from Fairu — no Statamic asset container required.

Name
DVDs.jpeg
Dimensions
3024 × 4032
Mime
image/jpeg
Focal point
77.1-4.2-1
Focus CSS
77.1% 4.2%
Alt
DVD covers