Responsive JXL, AVIF, and WebP Images with Cloudinary
Serve JPEG XL first, with AVIF and WebP fallbacks, using a reusable Astro picture component.
All Articles
Exploring web performance, image optimization, and the modern dev stack.
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.