Como utilizar la etiqueta picture en HTML5

Ejemplo de como utilizar la nueva etiqueta de HTML5 picture para un proyecto responsive

<picture>
<source
src=”high-res.jpg” media=”(min-width: 1000px)”>
<source
src=”med-res.jpg” media=”(min-width: 800px)”>
<source
src=”low-res.jpg”>
<img
src=”fallback.jpg” alt=”This picture loads on non-supporting browsers.”>
</picture>

--

--

Frontend developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store