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?
The members of the RICG have put together a number of demos for the
srcset elements. The demos on this page work in any modern browser.
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