Note from 10 May 2022

One year later

16.9 % of the requests made for images on my web sites are served as AVIF by #Cloudinary:

Top image formats by requests.

But it only represents 9.8 % of the bandwidth! 😍

Top image formats by bandwidth.

Still looking forward to seeing JPEG XL there… 😁

  1. 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>?