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.
srcset attribute is an extension to the
that provides a concice method for delivering high-res assets to high-density displays only, while allowing the
user to override requests based on a preference or available bandwidth.
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
7 open issues
|165||Clarify the behavior of multiple <img> tags inside one <picture>||Nephyrin||Today|
|161||Change the syntax of srcset 'w' 10 comments||zcorpan||Today|
|157||Require MQ-matching changes to trigger a new round of selection for <source media> 3 comments||Nephyrin||Yesterday|
|155||Clearer spec for currentSrc||zcorpan||6 days ago|
|152||Should source update algorithm run asynchronously? 7 comments||pornel||Today|
|86||The sizes="" attribute only works with width-constrained images 15 comments||eeeps||Today|
|85||Intrinsic dimensions 25 comments||yoavweiss||Today|