Responsive Images Series

I learned about responsive images the hard way, by misunderstanding how they worked.

Using automation, specifically Astro Image, to give the browser image options.

Some science experiments with Astro Image to show how it and responsive images in general work.

A deeper look at controlling image display sizes with the picture element's sizes attribute.

A continuing journey to get image optimization for markdown files with Astro.

The optimized image generation step in my podcast show notes image workflow.

Christian Ohanaja's Astro Remark Eleventy Image plugin.

Responsive Image handling still has some problems, at least to my knowledge.

Astro's in a good place - native markdown image optimization is coming, and there is already an excellent third-party option for those who need it now.

Astro 3 required me to rethink my site image optimization strategy yet again. Am I finally done? Probably not.