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.

compresswp

<p>This plugin helps make your website load much faster by reducing your image sizes up to 90%, while still keeping the same lossless quality. A significantly faster loading website will improve your SEO rankings and provide a much better experience to your customers.</p>
<h4>Features</h4>
<ul>
<li>Free to use with no file size limit</li>
<li>Lossless compression – optimize images without losing quality</li>
<li>Compress single existing individual images</li>
<li>One-click bulk optimize your whole existing media library</li>
<li>Automatically optimize new images on upload</li>
<li>Also optimizes all thumbnail sizes</li>
<li>One API key can be used on multiple sites</li>
<li>Fast compression servers located in Europe & USA</li>
<li>Compatible with WPML and WooCommerce</li>
<li>Total savings counter (statistics page)</li>
</ul>
<h4>How does it work?</h4>
<p>When you begin the optimization process, your images and their thumbnails are automatically sent to CompressWP’s compression servers. Your images are then analyzed and compressed in the servers, while still keeping the same lossless quality. When the images have been successfully compressed, they will be sent back to your website and replaced with the original image, which in result will use less disk space, load much faster and your visitors won’t see a difference.</p>
<h4>How to get started?</h4>
<p>Download and install the plugin. If necessary, follow the installation guide to set up your licence and configure the plugin.</p>
<p>You can either optimize individual images by clicking the “Optimize” button next to the image (it will automatically optimize the main image including the thumbnails). However, if you wish to automatically optimize all your images at once, you can click on the big green button “Bulk optimize all images” and start the process there.</p>
<h4>Contact us</h4>
<p>If you have any questions, problems or would like to provide feedback, feel free to send us an email at support@compresswp.com.</p>
<h3>Additional information</h3>
<p>Note that this plugin relies on CompressWP’s API service (which is free) to compress your images. Please make sure that you have read <a href="https://compresswp.com/terms-and-conditions" rel="nofollow ugc">the Terms of Service</a> and <a href="https://compresswp.com/privacy-policy" rel="nofollow ugc">Privacy Policy</a> before using our services.</p>


CompressWP – optimize and compress JPEG and PNG images

Improve your website page load speeds significantly by compressing your JPEG and PNG images.

Squidge vs CompressWP – optimize and compress JPEG and PNG images