Note from 18 May 2022
I don't understand why some images refuse to load on my photography site, but only in Safari on macOS… 😔
-
older note:
Note from 11 May 2022 -
newer note:
Note from 24 May 2022
I don't understand why some images refuse to load on my photography site, but only in Safari on macOS… 😔
Ok, so Mozilla won't help JPEG XL…
Overall, we don't see JPEG-XL performing enough better than its closest competitors (like AVIF) to justify addition on that basis alone. — https://github.com/mozilla/standards-positions/issues/522#issuecomment-1409539985
😭
Large photos in photo pages of my photography site are now progressive JPEGs so that you can see them earlier, even if they weight more than with AVIF or WebP:
Thanks to Cloudinary and my responsive images plugin for Eleventy, it took me 10 seconds! 😍
I wish Google didn't kill JPEG-XL… 😭
I also wish Largest Contenful Paint didn't wait for the full progressive image to be downloaded and rendered.
⚠️ Be carefull if you use SVGO or SVGOMG to optimize #SVG images using <symbol>
s.
There's a bug that might remove them when it shouldn't:
https://github.com/svg/svgo/issues/1726
While both the alt attribute and the figcaption element provide a way to describe images, the way we write for them is different. alt descriptions should be functional; figcaption descriptions should be editorial or illustrative.
Responsive images on Shopify with Liquid
We launched the image_tag and image_url filters to help with generating responsive images. Before we dive in, what do these filters do? What are the differences between them?