Addressing verbosity of <picture> for simplest cases

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 UTC