A responsive image polyfill for <picture>, srcset, sizes, and more
The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:
Picturefill has three versions:
elements. It is no longer maintained.
To find out how to use Picturefill, visit the project site.
Be it browser issues, the responsive images specifications, or Picturefill itself, there are a couple gotchas you should be aware of when working with Picturefill:
isn't allowed in the
will fallback to
Trying to use the
attribute in a browser that doesn't support
natively can result in a double download. To avoid this, don't use the
attribute on the
<picture> <source srcset="../img/sample.svg" media="(min-width: 768px)"></source> <img srcset="default.png" alt="Sample pic"> </picture>
<picture> <source srcset="../img/sample.svg" media="(min-width: 768px)"></source> <img srcset="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Sample pic"> </picture>
For information on how to contribute code to Picturefill, check out [
If you find a bug in Picturefill, please add it to the issue tracker
Picturefill discussion takes place via Slack. For an invitation, visit https://pf-slackin.herokuapp.com/
There are currently no known unsupported browsers, provided that you use the markup patterns provided.