knuten

<p>This plugin let you add a shortcode with two different image sources one too a normal sized image and one for retina. The plugin will then load the right image depending on if it’s a retina display or not.<br />
For more info and how to use it.</p>
<h3>A brief Markdown Example</h3>
<pre><code>[retina normal="path-to-normal-image" retina="path-to-retina-image" width="image-width" height="image-height" /]
</code></pre>


Retina for WP

This plugin let you add a shortcode with two different image sources one too a normal sized image and one for retina.

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 …

Retina for WP vs SrcSet Responsive Images for WordPress