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.

Shane Bishop

<p>The S3 Image Optimizer will optimize all your images in 1-1,000+ Amazon S3 buckets using the EWWW Image Optimizer. Since EWWW IO integrates directly with plugins like WP Offload Media, S3 IO is generally for folks who use a solution other than WP Offload Media to put their images on S3. But, if you have 20 sites sharing an S3 bucket, or have lots of buckets, and you would want to optimize them all from one place instead of 20 different sites, this is the plugin for you.</p>
<p>S3 IO features a web-based bulk optimization process, and a WP-CLI interface for massive buckets. S3 IO works with any S3-compatible storage service including Linode, Backblaze B2 and Digital Ocean Spaces.</p>
<p>You may report security issues through our Patchstack Vulnerability Disclosure Program. The Patchstack team helps validate, triage and handle any security vulnerabilities. <a href="https://patchstack.com/database/vdp/s3-image-optimizer" rel="nofollow ugc">Report a security vulnerability.</a></p>
<h3>Credits</h3>
<p>Written by <a href="https://ewww.io" rel="nofollow ugc">Shane Bishop</a> with special thanks to my <a href="https://www.iamsecond.com/" rel="nofollow ugc">Lord and Savior</a>.</p>


S3 Image Optimizer

Compress images in Amazon S3 buckets using lossless and lossy optimization methods via the EWWW Image Optimizer.

Squidge vs S3 Image Optimizer