Note from 6 June 2023
Looks like we will soon have JPEG XL in Safari! 🥳
-
older note:
Note from 2 June 2023 -
newer note:
Note from 6 June 2023
Looks like we will soon have JPEG XL in Safari! 🥳
What does the image decoding attribute actually do?
So use it on your `` elements if you want. It's maybe good that image components for libraries use this, or that platforms like WordPress set it by…
Cropping Images with CSS While Keeping a Focal Point in the Center
This is a lovely way to deal with image crop and focal point with CSS only! 😍 And I love that Johannes put this warning in the beginning: While client-side…
New Recommendations for Ecommerce Images
For ecommerce companies—particularly for those selling apparel—it likely makes sense to prioritize image quality above file size. This is a really…
Apparently, an image whose part above the fold is indeed the largest, but of which only a small part can be seen, can be considered an LCP element, even if another image has a larger part visible... 😭
You can see this for my photography site in this WebPageTest result:
https://www.webpagetest.org/vitals.php?test=230606_BiDcN4_4NJ&run=3&cached=0#lcp
Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?
Using object-fit: cover;
in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many <source>
in a <picture>
?