[whatwg] New responsive images proposal

Mateus Souza mateussouzaweb at gmail.com
Thu Nov 21 05:50:44 PST 2013

Agree, but maybe a new tag element can do the trick, or an adaptation of
the picture element could be a better solution.

<source src="large.jpg" media="screen and (min-width: 800px)" alt="Larger"
height="500" width="500" />
<source src="small.jpg" media="screen and (max-width: 300px)" alt="Small"
height="200" width="200" />

My ideai is just make all attributes responsive, and today, i do not see a
solution without javascript or css polyfill.

*Mateus Souza - Webdeveloper Freelancer*http://mateussouzaweb.com |
@mateussouzaweb <https://twitter.com/mateussouzaweb>

2013/11/21 James Graham <james at hoppipolla.co.uk>

> On 21/11/13 13:07, Mateus Souza wrote:
>> <img src="large.jpg" media="screen and (min-width: 800px)"...
>> <img src="small.jpg" media="screen and (max-width: 300px)"...
> This appears cause multiple images to load in the case that this feature
> isn't supported (i.e. in all current browsers). That isn't an acceptable
> fall back behaviour.

More information about the whatwg mailing list