Joen A.

<p>Wraps all WordPress images in extra spans, to allow for more layout control when you write CSS. All extra spans are added render-time, meaning they aren’t permanently added to your posts. The benefit is, if you redesign in the future and no longer need the tags: they were never there. This applies to images in all your posts, past, present and future.</p>
<h3>History</h3>
<ul>
<li>0.1: First basic release.</li>
<li>1.0: Added a regex that makes sure the classes are moved, not copied, from the img to the span.</li>
</ul>


Extra Image Tags

Wraps all WordPress images in extra spans, to allow for more layout control when you write CSS. All extra spans are added render-time, meaning they ar …

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

Extra Image Tags vs Images to WebP