Image Optimization

Automatic AVIF/WebP conversion and resizing — no sharp, no CDN.

Use GioImage. It points at the Rust /_gio/image endpoint, which converts and resizes on demand through an AVIF → WebP → JPEG pipeline with a two-layer cache.

import { GioImage } from '@gio.js/react';

<GioImage src="/public/hero.png" alt="" width={1200} height={630} />

Remote images

Allow remote sources explicitly in gio.toml with remotePatterns — anything not on the allowlist is rejected.