[whatwg] Features for responsive Web design
derernst at gmx.ch
Tue May 22 13:55:06 PDT 2012
Am 18.05.2012 23:19 schrieb Kornel Lesiński:
> If you'd like to see <picture> proposal succeed, then please help fixing
> its drawbacks. Make selection and embedding of 2x images easier. Give UA
> freedom to use cached higher-quality images when it can. Give UA freedom
> to choose images to minimize bandwidth or maximize quality. Reduce
> verbosity of most common cases.
Maybe the use cases should be solved independent from each other:
- Use <picture> for the art direction use case.
- Remove the MQ except the pixel density from @srcset, and make @srcset
available in both <img> and <source>:
<img src="normal.jpg" alt="" srcset="high.jpg 2x, normal.jpg 1x">
srcset="low.jpg 0.5x, mobile.jpg 1x, mobile-hd.jpg 2x">
<source src="large.jpg" media="min-width: 600px"
srcset="large.jpg 1x, large-high.jpg 2x">
This leaves the whole design choice to the author, and gives the UA the
full choice on what resource to use. Instead of coping with various
kinds of MQs, the author can just specify the sources available, and the
UA will make the choice based on the situation.
The 0.5px version in my example would be intended for use with very low
bandwidth, or for a UA that may progressively load sources as we know it
from old progressive GIFs.
More information about the whatwg