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.

ImageRecycle

<p><strong>ImageRecycle is an automatic Image and PDF compression plugin for WordPress.</strong> Your customers are waiting for your pages to load, it can takes long, especially on mobile devices. Even content is served in seconds by a fast server, slow connection can make your users leaving.</p>
<p>People are impatient in front a slow loading website, that’s the result of all studies; 4 second loading causing 24% of visitors to leave (Source statistica.com.). Image and PDF optimization is more efficient than any other optimization tool.<br />
Images can represent from 60% to 80% of a page weight, so an optimization can accelerate your page loading by x3 or more.</p>
<h3>WORDPRESS IMAGE AND PDF COMPRESSION</h3>
<p>It’s highly important in WordPress to make an image optimization because when you upload an image, 4 images are generated and stored on your server: a thumbnail, medium, large and original sized images.<br />
Even more, some plugin can add their own image size for specific layouts like WooCommerce. All those images can be used in various conditions, it’s easy but heavy to load.<br />
Image optimization with ImageRecycle plugin is automatic and reduce your page weight by up to 80%. This is highly recommended for SEO and high traffic websites.<br />
Get a 100MB trial of compression quota then it’s up to you to speedup your entire website, <a href="https://www.imagerecycle.com/cms/wordpress" title="WordPress image pdf compression" rel="friend nofollow ugc">click here for more details about the WordPress image compression >></a></p>
<h3>COMPRESS IMAGES AND PDF, NOT QUALITY</h3>
<p>The jpg, png, gif optimization algorithm can reduce the image size by up to 85% (5x +), while the resulting photos are visually identical to the originals. We believe that image and pdf compression is a matter preserving the quality then reduce the size.<br />
Reducing the image and pdf size can be done using a massive compression of data and result a worsened quality. We detect already compressed media and return original files.</p>
<h3>WOOCOMMERCE IMAGE COMPRESSION AND 3RD PARTY PLUGINS</h3>
<p>The plugin is highly configurable, and you can choose media folders to compress from your server.<br />
So, it will work with all third-party plugins including WooCommerce, galleries plugin. Plus, you can of course optimize media from other folders (multiple site, another CMS…)</p>
<p><strong>Test full service for free during 15 days.</strong></p>
<p><strong>Main features:</strong></p>
<ul>
<li>Compress automatically new images & pdf</li>
<li>Compress automatically existing images & pdf</li>
<li>Launch a full image optimization process in background and get notified by Email when it’s done</li>
<li>Determine which folder to optimize or not</li>
<li>1 month all original media backup and one click restore</li>
<li>Image resizing</li>
<li>Define an optimization quality per media type (jpg, png, gif, pdf) > Lossy/Lossless/No compression</li>
<li>Define a min and max size to optimize</li>
<li>Optimize png, jpg, gif</li>
<li>Filter your optimized / non optimized media by status, date, file name</li>
</ul>
<p><strong>More details here, ImageRecycle:</strong> https://www.imagerecycle.com/cms/wordpress</p>
<h4>How to optimize images with WordPress plugin:</h4>
<div class="embed-vimeo" style="text-align: center;"><iframe loading="lazy" src="https://player.vimeo.com/video/137127106" width="750" height="422" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
<h4>Video presentation:</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/w3ux1kJU0I8?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h3>Requirements</h3>
<h4>Compression technical details</h4>
<p><strong>The jpg optimization</strong> tool is capable of reducing the file size of standard JPEG photos by up to 85% (5x +), while the resulting photos are visually identical to the original photos.<br />
The script on the server is making a full analysis of:<br />
* Colors radius sizes<br />
* Textures<br />
* Patterns</p>
<p><strong>For .png and gif images optimization</strong>, it’s quite different, we use several methods.<br />
* Quantization<br />
* Choosing a better pre-compression filter<br />
* Deflate compression algorithm enhancement</p>
<p><strong>We also offer a PDF compression</strong> specifically optimized for web-based publication.<br />
The quality for reading a PDF on the web will be close to the original. Depending of the tool and the quality setting used to generate the PDF, you can expect from 10% to 95%.<br />
Exceptional compression results can be applied on PDF exported for print using Adobe Indesign for example.</p>
<p>Optimizations are:</p>
<ul>
<li>Image optimization</li>
<li>Colors resolution reduction for grayscale, bi-tonal images and indexed images</li>
<li>Color conversion</li>
<li>Subsetting of fonts</li>
<li>Removal of embedded standard fonts</li>
<li>Removal redundant objects</li>
<li>Remove alternative images</li>
<li>Remove metadata</li>
<li>Resize image at exact size</li>
</ul>
<p>Once the script detect some elements that can be optimized it runs the optimization on image zone that are mostly invisible to human eye.<br />
We also eliminate non-standard elements added by some image software such as photoshop or Gimp. This process is completelly lossy and can be reverted.</p>


ImageRecycle pdf & image compression

ImageRecycle image & PDF compression. Make WordPress loads faster by using an automatic image and PDF optimization.

Squidge vs ImageRecycle pdf & image compression