Note from 19 May 2021

Worked on a site with an SVG sprite used as CSS background, and was painfully reminded of why I didn't do that in other projects yet.

A 7 years old bug in #Firefox … 😭

I know there are workarounds.

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