swift-rust/image

Zero-CLS Image Optimization.

The <Image /> primitive negotiates AVIF and WebP formats on the fly in Rust, emits responsive srcset descriptors, and locks aspect ratios with instant blur placeholders.

src/app/images/page.tsxCLS: 0.00

import Image from "swift-rust/image";

<Image
  src="/samples/axelborg-towers.jpg"
  alt="Modern architecture"
  width={3456}
  height={2635}
  placeholder="blur"
  blurDataURL={BLUR}
/>

Modern architecture towers — axelborg-towers-modern-architecture.jpg
-76% payload4:3 · AVIF

Woman taking a selfie — full-shot-woman-taking-selfie.jpg
-72% payload2:3 · AVIF

Metaverse concept collage — metaverse-concept-collage-design.jpg
-69% payload3:2 · AVIF

Family on a video call at home — happy-black-parents-with-kids-making-video-call-smart-phone-home.jpg
-74% payload3:2 · AVIF

Tall brown skyscrapers — brown-high-skyscrapers.jpg
-78% payload4:5 · AVIF