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.

Sigue leyendo →