Of late there has been a lot of movement on the responsive image specification. Largely due to the work of the W3C Responsive Images Community Group, various browser vendors are now beginning to implement the new <picture>
element specifications. with Microsoft considering <picture>
element for IE as well.
It’s now possible to use the <picture>
element with a full future-proof implementation. As of now (5/12/2014) native <picture>
element implementations in development for Chrome, Firefox and Opera. Picturefill is the best option…
PSA: `picture` falls back to its inner `img` in unsupported browsers. No need to “wait” and use `img` until support is broader—it’s handled.
— Mat Marquis (@wilto) May 12, 2014
To try out the new element, do the following:
- Download Chrome Canary
- Go to
chrome://flags/#enable-
experimental-web-platform- features - Click “Enable”