picturePolyfill

picturePolyfill adds support for the new element, also working as a polyfill (shim, shiv, fallback) for older browsers where this element is not supported.

picturePolyfill basically allows developers to specify different versions of an image, versions to load only when the user's viewport is at various resolutions.

This is very useful, especially for improving a page's load speed, by loading the most appropriate image version based on your users' devices, avoiding situations where extremely large photos are loaded on very small mobile phone screens.

The library supports HD (Retina) displays and is also optimized for cases where orientation is changed and the user resizes his browser.

These are some of the advantages, but there is also a downside, picturePolyfill requiring quite a bit of extra markup for each image to work properly.

What is new in this release:

• PicturePolyfill 4.2.0 fixes a bug in IE8 so that now you're free to include the img tag without a src attribute inside the picture tag, and avoid a duplicated HTTP call to the image source.

What is new in version 4.2.0:

• PicturePolyfill 4.2.0 fixes a bug in IE8 so that now you're free to include the img tag without a src attribute inside the picture tag, and avoid a duplicated HTTP call to the image source.

What is new in version 4.1.3:

• Fixed a bug that occurred when no media matched.

Requirements:

• JavaScript enabled on client side