eclev91

This plugin introduces a couple of nifty functions to replace <code>the_post_thumbnail()</code> & <code>get_the_post_thumbnail()</code> in exchange for the responsive <code>picture</code> element. Use:
<pre><code>get_the_post_picture(
 $fallback_image_size,
 array(
 $breakpoint_1=>$image_size_1,
 $breakpoint_2=>$image_size_2
 )
 [, $id, $atts]
);
</code></pre>
For example:
<pre><code><?php echo get_the_post_picture(
 'single-featured-sm',
 array(
 '(min-width:768px)'=>'single-featured-md',
 '(min-width:992px)'=>'single-featured-lg',
 '(min-width:1200px)'=>'single-featured'
 )
); ?>
</code></pre>
While this says 4.0 for minimum version, I would wager it’ll be fine on most older installations.

Picture Element Thumbnails

Get a picture element instead of an image tag for responsive images on your WordPress site.

Benjamin Intal

This plugin behaves similarly to <a href="https://wordpress.org/plugins/regenerate-thumbnails/" rel="ugc">Regenerate Thumbnails</a> except that images are resized automatically / on the fly, when they are used. Once created, they won’t be processed again.
Your thumbnails will now resize when:
<ul>
<li>Image Sizes in Settings > Media is modified,</li>
<li>Switching themes & plugins with different thumbnail / featured image sizes</li>
</ul>
No settings pages, just install and activate and things should work right away.
Report bugs and help out in the code from the <a href="https://github.com/gambitph/WP-OTF-Regenerate-Thumbnails" rel="nofollow ugc">Github repository</a>
<h4>What are you talking about?</h4>
Test it out. In your normal WordPress website set up, create a gallery using the Add Media button while editing a post or page and use thumbnails. Afterwards, check out your gallery.
Notice the size of your thumbnails, most likely they’re 150 x 150. Do you see it? Great.
Now head over to Settings > Media and change your thumbnail size to something cooler, something rectangular, let’s try 400 x 200. Save it.
Go back to your gallery that you previously created and refresh your browser. Most likely you won’t be seeing 400 x 200 thumbnails there.
OTF Regenerate Thumbnails fixes this for you.
<h4>Usage</h4>
OTF Regenerate Thumbnails should work right away, and your images should get resized when the dimensions get changed.
For developers & tinkerers, ensuring your images get resized properly requires you to use WordPress’ image functions to display featured images and image attachments. Don’t worry, this is a good thing.
Make sure you use these WordPress functions every time you display images:
<ul>
<li><a href="https://codex.wordpress.org/Function_Reference/wp_get_attachment_image_src" rel="nofollow ugc"><code>wp_get_attachment_image_src</code></a></li>
<li><a href="https://codex.wordpress.org/Function_Reference/wp_get_attachment_image" rel="nofollow ugc"><code>wp_get_attachment_image</code></a></li>
<li><a href="https://codex.wordpress.org/Function_Reference/the_post_thumbnail" rel="nofollow ugc"><code>the_post_thumbnail</code></a></li>
<li><a href="https://codex.wordpress.org/Function_Reference/get_the_post_thumbnail" rel="nofollow ugc"><code>get_the_post_thumbnail</code></a></li>
</ul>
You can also add size names using <a href="https://codex.wordpress.org/Function_Reference/add_image_size" rel="nofollow ugc"><code>add_image_size</code></a>
<h4>Features</h4>
<ul>
<li>Creates Resizes thumbnails on the fly</li>
<li>Handles Image Size settings changes in Settings > Media</li>
<li>Handles thumbnail / image size changes introduced by switching themes & plugins</li>
<li>Works automatically, no setup needed</li>
<li>All calls to <code>the_post_thumbnail</code> and other thumbnail functions are handled automatically</li>
<li>Handles image sizes created from <code>add_image_size</code>,</li>
<li>Handles <a href="https://codex.wordpress.org/Function_Reference/the_post_thumbnail" rel="nofollow ugc">2-item array sizes</a></li>
</ul>

OTF Regenerate Thumbnails

Front end - must have

Nice plugin, very useful.
Also works on a network install.
Thanks!



Very useful

Automatically regenerates your thumbnails on the fly when thumbnail sizes change.

Picture Element Thumbnails vs OTF Regenerate Thumbnails