Picturefill

A responsive image polyfill

Officially endorsed by the RICG

media example with one webp source qualified with a type attribute

Note: Picturefill supports SVG and WebP types on any source element, and will disregard a source if its type is not supported in a particular environment:

<picture>
  <!--[if IE 9]><video style="display: none;"><![endif]-->
  <source srcset="../examples/images/large.webp" media="(min-width: 800px)" type="image/webp">
  <source srcset="../examples/images/large.jpg" media="(min-width: 800px)">
  <source srcset="../examples/images/medium.jpg" media="(min-width: 400px)">
  <!--[if IE 9]></video><![endif]-->
  <img srcset="../examples/images/small.jpg" alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">
</picture>
A giant stone face at The Bayon temple in Angkor Thom, Cambodia