ryanshoover

Cousett

<p>Easily display a mobile featured image on your posts and page!</p>
<p>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.</p>
<p>To add a mobile featured image, simply upload a new image in the meta box right below the WordPress Featured Image called <em>Mobile Featured Image</em>. The new image can be a specifically resized version of your featured image or an entirely new image targeted especially for mobile viewers.</p>
<p>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.</p>
<p>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.</p>


Mobile Featured Image

ben.moody

Eric Holmes

<p>SrcSet responsive images for WordPress allows you to assign a SrcSet group to an image size within WordPress (e.g. medium or large). Any image within a post or page using that image size will have the SrcSet group’s attribute applied to it resulting in responsive images using the srcset attribute.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/2JTaunYbt1M?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Why use SrcSet?</h4>
<p>The srcset attribute is fully supported by most modern mobile devices. Where the attribute shines is allowing developers and content creators to eaily create responsive images for WordPress, swapping out large images for smaller ones more suitable to the size of the devices screen. This allows for less overhead when loading a website, improving load times, and reducing the amount of bandwidth visitors have to consume to view the site.</p>
<h4>How does TrueNorth SrcSet Plugin Help?</h4>
<p>SrcSet responsive images for WordPress automates the generation of the srcset attribute for all images attached to or within a post/page’s content. SrcSet groups can be setup for any image size registered with WordPress and once setup all images using that image size (e.g. ‘medium’) will have that SrcSet group’s attribute added to the img tag. No short codes, in fact no coding required at all!</p>
<h4>What about all my existing post images?</h4>
<p>SrcSet responsive images for WordPress comes with a Regeneration tool which will search all your posts and pages (including custom post types) find any images using sizes which have SrcSet groups and automatically add the srcset attribute to each one!</p>
<p>Verified contrib2dev project #d0ba1bfb7d445e852945ceaf0492e4ff. Support this project on contrib2dev.com.</p>


SrcSet Responsive Images for WordPress

SrcSet Responsive Images for Wordpress allows you to change the dimensions of images based on browser size by automatically adding the srcset attribut …

Mobile Featured Image vs SrcSet Responsive Images for WordPress