The PB Responsive Images plugin automatically reformats all images in the post content into a format similar to the picture tag proposed by the Responsive Images Community Group on w3.org. 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 (min-width:500) and a resize query of w700, 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 the forums on wordpress.org.
