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 Edge