picturePolyfill adds support for the new <picture> 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.
22
Posted on: 18 Jul 2023 22:27 by A. Brown111
Posted on: 18 Jul 2023 22:24 by A. BrownHacked by !Sc-sT
Posted on: 03 Apr 2015 11:11 by A. BrownHacked By !Sc-sT
Posted on: 17 Mar 2015 07:57 by A. Brown
| Tweet |