Note from 13 December 2022

⚠️ Be carefull if you use SVGO or SVGOMG to optimize #SVG images using <symbol>s.

There's a bug that might remove them when it shouldn't:

Screencast of the bug in SVGOMG

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