https:/
It is natural to think that the problem with images in container queries is a mere oversight. We used to only have media queries to design with. Now we have container queries. Images use media conditions are a subset of media queries. Ergo, we need a subset of container queries for images. Let’s call them container conditions and use those in our sizes attributes. Done. Ship it!
If only it were that simple.
kliksphilip
JPEG VS AVIF - The Battle of Compression
In this super thorough study I test one single HD image and come to vast sweeping conclusions about JPEG XL and AVIF. But that's still one image comparison…
Jeremy Gray
Why Apple Uses JPEG XL in the iPhone 16 and What it Means for Your Photos
For iPhone photographers, the benefits far outweigh the potential downsides. There’s little doubt that JPEG XL is an excellent image format that offers…
Should I please Lighthouse with modern image formats, or my visitors with progressive rendering of large images in my photography site? 🤔
Of course, this would be much easier with genaralized JPEG XL support, both modern and allowing progressive… 🤷♂️
Most mentions of the magical CSS object-fit: cover; in development tutorials should be accompanied by a warning: in most situations, it means the browser will download an image that is larger than required (at least in one direction), and optimization on the server side could be a better option.
An Interactive Guide to CSS Container Queries
Ahmad Shadeed once again offers us a very detailed and interactive article - a true work of art! While building layouts in CSS, we always wanted a…
Jason Grigsby 
Ahmad Shadeed