Ainsley Clark

<p>Squidge is a FREE WordpPress Plugin built for developers in mind compressing and convert images using jpegoptim,<br />
optipng, cwebp, and libavif. It’s extremley simple to use and is designed to increase PSI and boost rankings.</p>
<h3>Why?</h3>
<p>Image compression in WordPress can be costly, confusing and sometimes just simply don’t work. We have aimed to simplify<br />
the process by requiring the developer to install the required package on the operating system and Squidge does the<br />
hard work for you.</p>
<ul>
<li><strong>IT’S FREE</strong></li>
<li>Unlimited file size, no limits.</li>
<li>Optimised for your site to rank.</li>
<li>CLI to regenerate all of your media files.</li>
<li>Helper functions to output images in templates.</li>
<li>Uses the native <code>cwebp</code> and <code>libavif</code> libraries.</li>
</ul>
<h3>What does Squidge do?</h3>
<p>Squidge compresses and converts image files when the user has uploaded a file to WordPress.</p>
<ul>
<li>Compresses JPG images using <code>jpegoptim</code>.</li>
<li>Compresses PNG images using <code>optipng</code>.</li>
<li>Converts JPG and PNG images to <code>.webp</code> files using <code>cwebp</code> with the appended extension  e.g. <code>image.jpg.webp</code>.</li>
<li>Converts JPG and PNG images to <code>.avif</code> files using <code>libavif</code> with the appended extension  e.g. <code>image.jpg.avif</code>.</li>
</ul>
<h3>Render Images</h3>
<p>To render images in templates, you can either set up nginx or apache rules to serve images dynamically or used the<br />
    squidge_image helper function. This dynamically checks if an <code>.avif</code> or <code>.webp</code> file is available on the file system<br />
and returns the output.</p>
<h3>Function</h3>
<pre><code>/**
 * Returns a <picture> element with source media for the standard file passed
 * (such as a JPG), the .avif file, the .webp file (if to exist on the file system).
 *
 * Appropriate <source> elements for image sizes with max widths.
 * Finally, the main be outputted with alt and title text.
 *
 * - If lazy is true, the data-src or data-srcset will be appended.
 * - If a class is set, the class will be outputted on the <picture> element.
 *
 * @param $image_id
 * @param string $class
 * @param false $lazy
 * @return string
 */
function squidge_image($image_id, $class = '', $lazy = false)
</code></pre>
<h3>Output</h3>
<pre><code><picture class="picture">
    
    <source media="(max-width: 400px)" srcset="/sample-image.jpg.avif" type="image/avif">
    <source media="(max-width: 400px)" srcset="/sample-image.jpg.webp" type="image/webp">
    <source media="(max-width: 400px)" srcset="/sample-image.jpg">
    
    <source srcset="/sample-image.jpg.avif" type="image/avif">
    <source srcset="/sample-image.jpg.webp" type="image/webp">
    
    <img src="/sample-image.jpg" alt="Alt text" title="Sample JPG">
</picture>
</code></pre>
<h3>Credits</h3>
<p>Written by <a href="https://github.com/ainsleyclark" rel="nofollow ugc">Ainsley Clark</a></p>

Squidge

Squidge is a FREE WordpPress Plugin built for developers in mind compressing and convert images using jpegoptim, optipng, cwebp, and libavif.

Maor Chasen

Winsite

AmitT

<p>Winsite Image Optimizer will compress your images for optimal file-size while keeping its quality (pretty much) intact, using the ImageOptim API (and other processing engines coming up soon).</p>
<p>You can also process all of your old images retroactively using our dedicated tool, found under the Media section.</p>
<p><strong>Currently-implemented Image Processing Services:</strong></p>
<ul>
<li><a href="https://imageoptim.com/api" rel="nofollow ugc">ImageOptim</a> (You’ll need to obtain an <a href="https://im2.io/register" rel="nofollow ugc">API key</a>)</li>
<li>Send your suggestions on our <a href="https://github.com/win-site/winsite-image-optimizer/issues" rel="nofollow ugc">GitHub issue tracker</a>.</li>
</ul>
<p><strong>Warning</strong>: This won’t work on localhost in some cases, since some services work in a way that they pull images in from your site. This is why you’ll need a public URL in order to make this work locally.<br />
You can use a service such as ngrok to achieve that, in conjunction with this filter:</p>
<pre><code>add_filter( 'wsi_siteurl_override', function( $siteurl ) {
    return 'http://ae190611.ngrok.io/path-to-wp-installation/';
} );
</code></pre>
<p>We’d love to recieve contributions / suggestions from you on our <a href="https://github.com/win-site/winsite-image-optimizer/" rel="nofollow ugc">GitHub project</a>.</p>


Winsite Image Optimizer

Better optimization it's so important for websites. This useful plugin work out of the box with minimum attention and maximum optimization.



Work like a charm!

I have been looking for a reliable image compression tool for WordPress for a long time.. Finally found this one that actually does what it should and does it great. Big shout out to the developers!!!



Awesome !

I can't recommend this plugin as it changed lots of file names and duplicated images.

With some regex I managed to get rid of some of its damage, but with large sites this would have been a nightmare

I would say avoid this plugin to be safe, there are better plugins out there for image compressions

Changed all image file names + weird redirects

The plugin worked good and I've been using it for two years. Some of it's functions are basic and it does rename images, which has been a nuisance for me. I had to use another plugin - Media file rename to remove wsi-imageoptim- prefix from filenames (Google uses image filenames for indexing). But there is a saying: you don't look in teeth a horse which was given to you for free. Therefore three stars.

helpful

Image compression for WordPress done right.

Squidge vs Winsite Image Optimizer