Nicolas Juen

<p>This plugin generate images with attributes for the responsive images in your content.<br />
Choose the breakpoints and the sizes associated.<br />
The next images you will insert and the elements generated with the wp_attachement functions will begenerated with the right attributes.</p>
<p>Contribute on https://github.com/Rahe/Simple-responsive-images<br />
Based on http://www.grahambird.co.uk/lab/doubletake/ for javascript</p>


Simple Responsive Images

This plugin generate images with attributes for the responsive images in your content.

Richard Venancio

<p>With the request that search engines ask around images, is difficulty to manager the right sizes and have a good crop for each image size that we have on our theme.</p>
<p>With that in mind, we create an option to replace just one size of the image, then when the image shows up on mobile or tablet, it will show de crop that you uploaded instead the one that WordPress made.</p>
<h4>Performance (Devs)</h4>
<p>We add filters and actions mainly on backend. Any updates on that will be here.</p>
<p>Filters on Front end<br />
* wp_calculate_image_srcset<br />
* wp_calculate_image_sizes</p>
<p>To turn off the filter, just add a filter (‘CRI_change_sizes_attr’ and ‘CRI_change_srcset_attr’) returning false.</p>
<h4>Recommended Plugins</h4>
<ul>
<li><a href="https://wordpress.org/plugins/png-to-jpg/" rel="ugc">PNG to JPG</a> by KubiQ – Use this first to convert all the PNG’s to JPG’s</li>
<li><a href="https://wordpress.org/plugins/regenerate-thumbnails/" rel="ugc">Regenerate Thumbnails</a> by Alex Mills – IF you change the images sizes or add new ones, use this to regenerate all the images.</li>
</ul>


Responsive Images

This plugin is to edit the images that Wordpress create automatically.

Simple Responsive Images vs Responsive Images