Picture element

la etiqueta <picture> es un contenedor utilizado para especificar múltiples tamaños de imágenes <source>. El navegador elegirá la fuente más adecuada de acuerdo con el tamaño de la ventana de visualización o la resolución.

<picture>
<source media="(min-width: 45em)" srcset="large.jpg">
<source media="(min-width: 32em)" srcset="med.jpg">
<img src="small.jpg" alt="The president giving an award.">
</picture>