Note from 24 May 2023

I really like to see that all browser vendors agree with @[email protected] that we need @​media, srcset and sizes for <video> as for <img>/<picture>! 🤩

https://github.com/whatwg/html/issues/6363


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

  2. How do you deal with images that need to have a fluid width but fixed height?

    I tend to start from the lowest width/height ratio and increase, knowing larger images will have hidden parts above and below… 😔

    Anything better?