Pete Nelson

<p>If you’ve ever wanted to make your own dynamic placeholder images web site (like <a href="http://baconmockup.com/" rel="nofollow ugc">baconmockup</a> or <a href="https://placekitten.com/" rel="nofollow ugc">placekitten</a>), this plugin is for you.  Once it’s installed and you’ve added some images, you can access them at a URL with the desired height and width.  Example: http://baconmockup.com/400/300/</p>
<p>Includes:</p>
<ul>
<li>[dynamic-images-attribution] shortcode to display a complete list of images that can be used</li>
<li>JSON API</li>
</ul>
<p>Be sure to check Settings/Dynamic Placeholder images to fully customize your settings.</p>
<p>View a demo page with my goofy dog: https://petenelson.com/dynamic-clyde-images/</p>
<p>Thanks to <a href="https://twitter.com/kenziemoss" rel="nofollow ugc">Kenzie Moss</a> for the plugin banner and icon.</p>


Dynamic Placeholder Images

Serve dynamic placeholder images (like baconmockup or placekitten)

kubiq

<p>Statistics say that WebP format can save over a half of the page weight without losing images quality.<br />
Convert PNG, JPG and GIF images to WebP and speed up your web, save visitors download data, make your Google ranking better.</p>
<ul>
<li><strong>automated test after plugin activation to make sure it will work on your server</strong></li>
<li><strong>works with all types of WordPress installations: domain, subdomain, subdirectory, multisite/network</strong></li>
<li><strong>works on Apache and NGiNX</strong></li>
<li><strong>image URL will be not changed</strong> so it works everywhere, in <img> src, srcset, <picture>, even in CSS backgrounds and there is no problem with cache</li>
<li><strong>original files will be not touched</strong></li>
<li>set quality of converted images</li>
<li>auto convert on upload</li>
<li>only convert image if WebP filesize is lower than original image filesize</li>
<li>bulk convert existing images to WebP ( you can choose folders )</li>
<li>bulk convert only missing images</li>
<li>works with `Fly Dynamic Image Resizer` plugin</li>
</ul>
<h3>Hooks for developers</h3>
<h4>itw_sizes</h4>
<p>Maybe you want to disable WebP for thumbnails</p>
<pre><code>add_filter( 'itw_sizes', 'disable_itw_sizes', 10, 2 );
function disable_itw_sizes( $sizes, $attachmentId ){
    unset( $sizes['thumbnail'] );
    return $sizes;
}
</code></pre>
<h4>itw_htaccess</h4>
<p>Maybe you want to modify htaccess rules somehow</p>
<pre><code>add_filter( 'itw_htaccess', 'modify_itw_htaccess', 10, 2 );
function modify_itw_htaccess( $rewrite_rules ){
    // do some magic here
    return $rewrite_rules;
}
</code></pre>
<h4>itw_abspath</h4>
<p>Maybe you use roots.io/bedrock or other custom folder structure</p>
<pre><code>add_filter( 'itw_abspath', 'modify_itw_abspath', 10, 2 );
function modify_itw_abspath( $abspath ){
    return trailingslashit( WP_CONTENT_DIR );
}
</code></pre>
<h4>$images_to_webp->convert_image()</h4>
<p>Maybe you want to automatically generate WebP for other plugins</p>
<pre><code>add_action( 'XXPLUGIN_image_created', 'XX_images_to_webp', 10, 2 );
function XX_images_to_webp( $image_path ){
    global $images_to_webp;
    $images_to_webp->convert_image( $image_path );
}
</code></pre>


Images to WebP

Great

Convert PNG, JPG and GIF images to WebP and speed up your web

Dynamic Placeholder Images vs Images to WebP