Adds support for the proposed responsive image format in post content, and helper functions for theme authors.

HTML5 Details Polyfill

Adds fallback support for the HTML5 <details> and <summary> elements in browsers that don't support them.

Designer023

Compatiblizr

Plugin for patching old versions of IE (7 and 8)to work with CSS3 selectors and Media Queries.

Jacob Dunn

phenomblue

The PB Responsive Images plugin automatically reformats all images in the post content into a format similar to the picture tag proposed by the <a href="http://www.w3.org/community/respimg/" rel="nofollow ugc">Responsive Images Community Group on w3.org</a>.
The default configuration provides the necessary image sizes for the Twenty Eleven theme for reference; you’ll have to customize the configuration to fit your theme best. Eace image is reformatted based on standard CSS media queries and SLIR image query pairs, giving a huge amount of flexibility in the variety of query combinations. For example, with a media query of <code>(min-width:500)</code> and a resize query of <code>w700</code>, a version of the image at most 700 pixels wide will display only when the screen is greater than 500 pixels wide. Additionally, the plugin provides shortcodes that allow you to customize the queries used per image, and helper functions that can be used to customize the queries used per post or per layout.
For additional information or help on implementing this plugin, use the “Help” tab on the upper right of the plugin screen, which has detailed explanations on each portion of the plugin. If that doesn’t help, please post your questions to <a href="https://wordpress.org/support/plugin/pb-responsive-images" rel="ugc">the forums</a> on wordpress.org.

Alternatives to PB Responsive Images

Top alternatives