imágenes fluidas con CSS srcset

Supongamos que tienes una imagen y deseas proporcionar diferentes versiones para distintas resoluciones, puedes hacer algo como esto:

by InaWeb

HTML

<img 
    src="https://picsum.photos/id/237/100/100" 
    srcset="https://picsum.photos/id/237/400/400 400w,
            https://picsum.photos/id/237/300/300 300w,
            https://picsum.photos/id/237/200/200 200w,
            https://picsum.photos/id/237/100/100 100w"
    sizes="(max-width: 320px) 100px,
           (max-width: 480px) 200px,
           (max-width: 800px) 300px,
           400px"
    alt="Descripción de la imagen"
>