<picture> Element

Enable a responsive images solution by declaring multiple resources for an image using CSS media queries.

Comments

The specification was recently rewritten to simplify its implementation and maintenance. Available behind a flag in Chromium 37.

Demos

Documentation

Specification

Working draft or equivalent

Status in Chromium

Blink


Enabled by default (tracking bug) in:

  • Chrome for desktop release 38
  • Chrome for Android release 38

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

Owner

Last updated on 2018-04-26