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.

Zara 4

<p>Optimise and compress your images automatically with <a href="https://zara4.com" title="Zara 4" rel="nofollow ugc">Zara 4</a>.</p>
<p>By optimising, resizing and compressing photographs on your website, you can dramatically reduce the amount of data visitors to your website download.</p>
<p>Less data to download equals faster loading pages, reduced bandwidth usage and less storage space on your servers.</p>
<p>Zara 4 combines intelligent image optimisation and enhanced compression techniques to deliver images that display faster.</p>
<h4>Features</h4>
<ul>
<li>Automatically optimise images as soon as you upload them. You can select which thumbnails you want to be processed.</li>
<li>Existing images can be compressed individually or batch processed by using the bulk action ‘Compress with Zara 4’ from the WordPress Media Library.</li>
<li>Restore your original images at any time. Your original uncompressed images are preserved but hidden from your Media Library.</li>
<li>All image compression is handled by Zara 4 servers. Your servers aren’t placed under extra load processing images.</li>
<li>You can use your Zara 4 API credentials on an unlimited number of sites or blogs.</li>
<li>View your usage from WordPress. Account usage is shown as graph from your Zara 4 Settings page.</li>
<li>This plugin requires access to cURL to communicate with the Zara 4 API.</li>
<li>No compilation is required. No additional binaries are required. This plugin does not require root access</li>
<li>Supports JPEG and PNG images up to 16MB.</li>
</ul>
<h4>Getting Started</h4>
<ol>
<li>Install the Zara 4 WordPress plugin into your site.</li>
<li><a href="https://zara4.com/auth/register" title="Zara 4 registration" rel="nofollow ugc">Register</a> your free account at zara4.com.</li>
<li>Obtain your account <a href="https://zara4.com/account/api-clients" title="Zara 4 API Clients" rel="nofollow ugc">API credentials</a> to connect you to Zara 4.</li>
<li>Copy your API credentials into the Zara 4 settings page on your WordPress.</li>
</ol>
<h4>Plans and Pricing</h4>
<p>Get started with Zara 4 for free! Simply install the plugin and <a href="https://zara4.com/auth/register" title="Zara 4 registration" rel="nofollow ugc">register</a> now.</p>
<p>We offer various <a href="https://zara4.com/pricing" title="Zara 4 Pricing" rel="nofollow ugc">pricing plans</a> suitable for all users big or small.</p>
<p>Need more? If you are likely to process more than 6000 images per month, <a href="https://zara4.com/contact-us" title="Zara 4 Contact" rel="nofollow ugc">contact us</a> for a customised quote. We can provide maintained dedicated servers to meet your needs.</p>
<p>Worried about privacy? We also provide maintained “on site” servers that can run from inside your internal network. <a href="https://zara4.com/contact-us" title="Zara 4 Contact" rel="nofollow ugc">Contact us</a> for more information.</p>
<h4>Contact us</h4>
<p>If you have any problems / questions please contact us at support@zara4.com and we’ll do our best to help.<br />
Any feedback or suggestions for improvement / feature requests are always welcome.</p>
<ul>
<li>Website: https://zara4.com</li>
<li>Email: support@zara4.com</li>
</ul>


Zara 4 Image Compression

Compress your images by up to 90% and make your website load faster. Improve your SEO. Reduce your bandwidth.

Squidge vs Zara 4 Image Compression