Responsive JXL, AVIF, and WebP Images with Cloudinary
Serve JPEG XL first, with AVIF and WebP fallbacks, using a reusable Astro picture component.
Powered by Cloudinary Build Fast.
Build Fast.
Ship Beautiful.
A modern blog with crisp, responsive images. Enjoy JPEG XL first, with AVIF and WebP fallbacks for your browser.
JXL → AVIF → WebP
JPEG XL first
Your browser selects JXL when supported, then AVIF, with WebP as the final fallback.
q_auto
Cloudinary analyses each image and finds the compression sweet spot — smallest file size the eye won't notice.
Responsive
srcset + sizes ensure every visitor downloads
only the pixels their screen actually needs.
Recent Articles
View all → 
Responsive Images with srcset, sizes, and Cloudinary
Use picture for format selection and srcset with sizes for responsive image widths.
Getting Started with Astro: Zero JS by Default
Astro ships zero JavaScript to the browser by default. Here's why that matters for performance and how to set up your first Astro project in under five minutes.