W3C home > Mailing lists > Public > whatwg@whatwg.org > February 2012

[whatwg] add html-attribute for "responsive images"

From: Kornel Lesiński <kornel@geekhood.net>
Date: Wed, 08 Feb 2012 00:54:19 -0000
Message-ID: <op.v9b4ststte2ec8@aimac.local>
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
Received on Tuesday, 7 February 2012 16:54:19 UTC

This archive was generated by hypermail 2.4.0 : Wednesday, 22 January 2020 16:59:39 UTC