Note from 7 January 2022

The #Mapbox sprite on my photo site weights 222 kB:[email protected]

I would like to serve it with #Cloudinary to enhance performance, as this PNG sprite will fast get heavier with new photos.

If you agree, please vote!

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