This image-hi 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)
jxl files can be handled by both Chrome and Firefox by setting a flag , for Firefox, in the address bar type about:config, accept the warning, search for jxl and enable it. Chrome uses chrome://flags/ , search for jxl to enable it.
You should never see f_jpg — there is no JPEG source.
