Estoy usando el complemento JS Lazysizes.js https://github.com/aFarkas/lazysizes
Estoy usando varias imágenes en data-srcset , pero estoy confundido en cuanto a lo que hacen los anchos finales, por ejemplo:
<img data-sizes="auto" data-src="image3.jpg" data-srcset="image3.jpg 600w, image1.jpg 220w, image2.jpg 300w, image3.jpg 600w, image4.jpg 900w" class="lazyload" />¿Son estas las proporciones máximas restringidas para cada imagen?
¿O son estos los puntos de interrupción en los que se utilizan las imágenes?
El ancho definido en data-srcset es el ancho decodificado de la imagen.
Los puntos de interrupción se pueden definir y asignar a anchos de imagen individuales utilizando la propiedad data-sizes si desea tener más control sobre el uso auto
Fuente: enlaces de repositorio de lazysizes a esta publicación de blog que explica la sintaxis de una imagen receptiva