Responsive image solution using picturefill.js v2 by Scott Jehl. Original idea by Tim Evko.
Improved and more flexible version: RespImage
- Option to load picturefill.js asynchronously.
- Important regex bugfix.
- Option to use native implementation instead of picturefill.js.
- Optional full size image fallback.
- Simplified srcset syntax.
- Automatically added 2x image sizes.
- Top Notch backend styling.
- Better security approaches.
- Improved regex and a list off all in WordPress registered breakpoints
- Update to Picturefill 2.0.0 Stable
- Add enhanced code for Retina Images by Martin Wolf
- New Options Page for easy control over five breakpoints.
The plugin extends each posted image with a data-responsive attribute. A "the_content" filter replaced such an image with the picturefill.js markup. After deactivating the plugin or removing the data-responsive attribute, all images should appear as normal.
To regenerate older images after setting your breakpoints, you can use the plugin Regenerate Thumbnails. Be careful and make first a backup of your images. For me, it works fine.
Plugin Page: elf02 WP Responsive Images - WordPress Plugin