Por fin se puede utilizar con tranquilidad el nuevo elemento de HTML5 <picture>, que permite un uso ‘responsivo’ de imágenes, gracias a la librería JS Picturefill.
Con <picture> se pueden señalar varias fuentes http para una misma imagen (tamaños prqueños, mediano, grande…), que sólo se cargarán y mostrarán en el navegador en función de la anchura de la pantalla o de cualquier otro parámetro filtrable vía ‘media query’. Picturefill.js se encargará de hacer los ‘arreglillos’ necesarios para que el elemento picture funcione incluso en navegadores antiguos que no lo soportan.
