Intent to Implement - The picture element and related HTMLImageElement source selection

55 views
Skip to first unread message

Yoav Weiss

unread,
May 6, 2014, 2:03:44 AM5/6/14
to blink-dev
Emails
Yoav Weiss - yo...@yoav.ws
Christian Biesinger - cbies...@chromium.org

Spec

Summary
Enable a responsive images solution for the "art direction" use case, allowing authors to provide multiple image sources, varying according to media-query based breakpoints. 

Motivation
The "art-direction" use case is a major use-case of the responsive images problem, and solving it would allow authors to use media queries to specify alternate image sources (or sets of sources, in concert with the `srcset` attribute) to suit their layout breakpoints and reduce bandwidth costs across a wide range of display sizes/layouts. 
The picture element and it's related HTMLImageElement source selection algorithm resolve that use case in an efficient and author-friendly manner.

Compatibility Risk
Low.
The feature is a subset of the overall picture specification, which Firefox are actively working on. 
WebKit have shown willingness to experiment with the feature, and WebKit community members have expressed favorable opinions about it.
IE are considering the feature.

OWP launch tracking bug?

Row on feature dashboard?
Yes

Requesting simultaneous permission to ship?
No

PhistucK

unread,
May 6, 2014, 6:20:33 AM5/6/14
to Yoav Weiss, blink-dev
Do you mean <picture> and its <source>?
Can you summarize the actual additions instead of just linking to a large specification document?


☆PhistucK


To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.

Yoav Weiss

unread,
May 6, 2014, 12:44:35 PM5/6/14
to PhistucK, blink-dev
On Tue, May 6, 2014 at 12:20 PM, PhistucK <phis...@gmail.com> wrote:
Do you mean <picture> and its <source>?

Yeah, it also covers added attributes to the source element. 

Can you summarize the actual additions instead of just linking to a large specification document?

Sure. From the OWP bug:
Changes to API surface:
* HTMLPictureElement
* HTMLSourceElement - media, srcset and sizes attributes
* HTMLImageElement - a modified resource selection algorithm when a parent HTMLPictureElement is present.
Reply all
Reply to author
Forward
0 new messages