[whatwg] add html-attribute for "responsive images"
Kornel Lesiński
kornel at geekhood.net
Tue Feb 7 16:54:19 PST 2012
On Tue, 07 Feb 2012 14:49:16 -0000, David Goss <dvdgoss at gmail.com> wrote:
> I guess I've moved away from similarities with <video>, in that I've
> been thinking of the <img> as the default content, not the fallback
> content. Going with your angle for a simple example with two sizes:
>
> <picture alt="alternative text" src="default.jpg">
> <source href="large.jpg" media="min-width:700px" />
> <img alt="alternative text" src="default.jpg" />
> </picture>
A new element may be an opportunity to get the "alt" right, i.e. in
element's body, not flattened in an attribute.
<picture>
<source href="wide.jpg" media="orientation: landscape" />
<source href="narrow.jpg" media="orientation: portrait" />
<img alt="alternative text" src="default.jpg" />
alternative <em>text</em>
</picture>
For DPI/filesize selection I'd prefer something simpler:
<picture src="large.jpg" lowsrc="small.jpg"> <!-- or <source
high-dpi-href="" or such> -->
alternative <em>text</em>
</picture>
as it's going to be very hard to write a media query that takes into
account various screen sizes, DPI and bandwidth/metering at the same time.
When browser has a high-quality image the cached already, but media query
for "network-connection: gprs" matches, it would be shame to force it to
switch to a lousy image.
--
regards, Kornel Lesiński
More information about the whatwg
mailing list