Cloudinary JXL demo

This image is delivered entirely by Cloudinary. The <picture> element below offers JXL, AVIF, and WebP sources, with a WebP <img> as the floor. No JPEG fallback. Sharp is not invoked.

Verify in the browser

After pnpm build && pnpm preview, open the post and run:

document.querySelector("picture img")?.currentSrc;

Expected substrings by browser:

• Safari 17+: f_jxl (.jxl)
• Chrome/Firefox: f_avif (.avif)
• Anything older: f_webp (.webp)

You should never see f_jpg — there is no JPEG source.