Samuel Brynolf

<p>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.</p>
<p>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.</p>
<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>
<p>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></p>


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 …

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 …

Make it Srcset vs SrcSet Responsive Images for WordPress