W3C home > Mailing lists > Public > public-respimg@w3.org > May 2012

Addressing verbosity of <picture> for simplest cases

From: Kornel Lesiński <kornel@geekhood.net>
Date: Wed, 16 May 2012 00:13:58 +0100
To: public-respimg@w3.org
Message-ID: <op.wedhhkwcte2ec8@aimac.local>

In case where authors want to only negotiate between regular and Retina  
display images (like the famous hero image on apple.com) the <picture>  
syntax is more verbose than srcset:

<img src="lowdpi" srcset="hidpi 2x">

vs

<picture>
<source media="(min-device-pixel-ratio: 2)" src="hidpi">
<img src="lowdpi">
</picture>


How about marrying the two for that case?

<picture sources="lowdpi 1x, hidpi 2x"></picture>

(the <picture> would still allow <source> elements when media queries are  
desired)



I guess that in 10 years high-dpi screens will be common, and bandwidth  
will be high enough that it'll be acceptable to wastefully send highres  
images to everybody (just like today we wastefully always send fullcolor  
images, even though there are some 256-color and monochrome displays out  
there).

Any ideas for syntax that is best-suited for the future case?

<img src="" width="" height=""> will work, but it's annoying to always  
have to specify exact size.

<picture sources="hidpi 2x"></picture>

is OK, but what if <picture> was defined today to be 192dpi by default?

<picture src="hidpi"></picture>

is pretty close to terseness of <img srcset="hidpi 2x">.

-- 
regards, Kornel Lesiński
Received on Tuesday, 15 May 2012 23:14:35 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Tuesday, 15 May 2012 23:14:35 GMT