picture element is a markup pattern that allows developers to declare multiple sources for
an image. By using media queries, it gives developers control as to when and if those
images are presented to the user.
picture element is one part of the new picture specification.
sizes attributes extend the
source elements to provide a list of available image sources and their sizes. Browsers can then use this information to pick the best image source.
sizes are part of the picture specification and can used separately or in conjunction with the
The Use Cases and Requirements document outlines the goals, objectives, and potential issues
for end users that must be solved by the
srcset extension specifications.
Where can I learn more?
News / UpdatesTweets by @respimg
This list indicates the status of implementation in major browser engines. We always try to keep this up-to-date but please refer to the linked issues for the latest status.
In most bugtrackers you can vote for implementation in the linked bugs.
- Blink / Chrome
- WebKit / Safari
- Mozilla Firefox
- Microsoft Internet Explorer
9 open issues
|238||Tighten up the spec for the type attribute 1 comment||zcorpan||16 days ago|
|230||`srcset` making requests on resize/zoom 18 comments||Wilto||Today|
|228||Intrinsic sizing, 'w' resources and zooming 6 comments||yoavweiss||51 days ago|
|223||currentSrc and data URIs 2 comments||yoavweiss||54 days ago|
|220||feedback on empty alt used in some examples 2 comments||stevefaulkner||21 days ago|
|210||Add type() descriptor to srcset 3 comments||zcorpan||74 days ago|
|157||Require MQ-matching changes to trigger a new round of selection for <source media> 6 comments||Nephyrin||58 days ago|
|86||The sizes="" attribute only works with width-constrained images 15 comments||eeeps||96 days ago|
|85||Intrinsic dimensions 25 comments||yoavweiss||78 days ago|