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

Samuel Brynolf

Enables shortcode and a template tag to pull srcset-images by attachment-ID. This is way to complement WordPress built in srcset which (of course) focus on the_content images and media-sizes set in settings. Sometimes your layout demands more, or you are using other ways to put images on your site not using the_thumbnail or the_content. For example, I use Advanced Custom Fields a lot pulling images by ID.
Generated markup are built from a set of custom image-sizes and the, by you configured, (srcset-)sizes attribute. Use the settings-page for default values and override them any time in the shortcode or template tag.
<ul>
<li>Option: Generate shortcodes by the mediauploader-button. </li>
<li>Option: Enable simple lightbox functionality. </li>
<li>Option: Enable lazhyloading. Option: Include Picturefill</li>
</ul>
Full documentation at <a href="https://samuelbrynolf.se/2016/04/wordpress-plugin-make-it-srcset/" title="Wordpress plugin: Make it Srcset" rel="nofollow ugc">WordPress plugin: Make it Srcset</a>

Make it Srcset

Wordpress already uses srcset now. What I missed out was a simple way to handle and customize the sizes attribute—in my opion what makes srcset so eff …

Mobile Featured Image vs Make it Srcset