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 HTML 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 HTML 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 / Opera
- WebKit / Safari
- Mozilla Firefox
- Microsoft Internet Explorer
9 open issues
|258||Responsive video posters 5 comments||yoavweiss||12 days ago|
|255||Add integrity values to srcset 2 comments||yoavweiss||55 days ago|
|252||API for getting/setting image pixel density 5 comments||igrigorik||106 days ago|
|246||What should viewport relative images do between viewport resize and image loading? 7 comments||yoavweiss||42 days ago|
|238||Tighten up the spec for the type attribute 1 comment||zcorpan||208 days ago|
|210||Add type() descriptor to srcset 3 comments||zcorpan||160 days ago|
|157||Require MQ-matching changes to trigger a new round of selection for <source media> 7 comments||Nephyrin||41 days ago|
|86||The sizes="" attribute only works with width-constrained images 18 comments||eeeps||45 days ago|
|85||Intrinsic dimensions 29 comments||yoavweiss||49 days ago|