Aspire Media

a web development and technology blog

Responsive Images Browser Implementation


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…

To try out the new element, do the following:

  1. Download Chrome Canary
  2. Go to chrome://flags/#enable-experimental-web-platform-features
  3. Click “Enable”