Note from 23 March 2023

Seriously, do we need yet another version of Low Quality Image Placeholders?

Why do some people want to do additional work just to show useless colourful pixels to users, delaying the rendering of the actual image?

As a user, I hate LQIP. Single colour backgrounds are fine, though.

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