ryanshoover

Cousett

Easily display a mobile featured image on your posts and page!
Up to 70% of website traffic today is on mobile devices. Sometimes WordPress does not quite resize the featured image in the best way. Avoid this and have full control over your featured images on any device with this plugin.
To add a mobile featured image, simply upload a new image in the meta box right below the WordPress Featured Image called Mobile Featured Image. The new image can be a specifically resized version of your featured image or an entirely new image targeted especially for mobile viewers.
You can add your mobile featured image without worrying about slowing down your site. The mobile image is added to the <code>srcset</code> attribute of your featured image. Vistors’ browsers will automatically download the best image for the size of their screen.
This plugin works by filtering the <code>wp_calculate_image_srcset</code> function and changing the url for all screens under 980w to the mobile featured image. 980w is a reliable breakpoint between the iPhone 6+ and the iPad, two common measures for when a mobile image would be needed.

Mobile Featured Image

PStevenson

In short, this plugin modifies “the_content()” and the post thumbnail function by re-rendering the images with use of the SRCSET attribute. Other plugins do this for templated images, but not in the content region itself. This plugin will automatically work with any previously uploaded images as well.

Post Script Responsive Images

SRCSET responsive images on wordpress for content images.

Mobile Featured Image vs Post Script Responsive Images