[whatwg] New responsive images proposal

[Mateus Souza]

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

<image>
<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" />
</image>

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.
>