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.

Ickata

<p><iframe loading="lazy" title="Pixo Image Editor for WordPress" width="750" height="422" src="https://www.youtube.com/embed/CJN2zQezRls?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><a href="https://pixoeditor.com" rel="nofollow ugc">Pixo</a> is cross-platform image editor. It can be integrated into any web app.</p>
<p>This plugin does exactly this – it fully replaces WordPress’ default image editor with this more powerful one, and integrates it into the front-end.</p>
<p>Features:</p>
<ul>
<li>Remove Background</li>
<li>Resize Image & Upscale with high quality</li>
<li>Instagram-like Filters</li>
<li>Stock and custom Stickers (from file or URL)</li>
<li>Rich Text editing</li>
<li>Drawing</li>
<li>Beautiful Photo Frames</li>
<li>Shapes</li>
<li>Image filesize optimization</li>
<li>Batch editing (supported only in Media list view)</li>
<li>Updates all posts where the image has been referenced</li>
<li>Can attach to every file input field in the front-end!</li>
<li>Crop, Flip, Rotate</li>
<li>Color corrections (RGB, HSV, brightness/contrast, and more)</li>
<li>Restore previous sessions and make changes to images (undo changes, update text, and more)</li>
<li>Image optimization via <a href="https://tinypng.com" rel="nofollow ugc">TinyPNG</a></li>
<li>Ability to choose to which image size to apply changes to (all, thumbnail, all except thumbnail)</li>
<li>Supports Block Editor (Gutenberg)</li>
<li>Supports Multisite</li>
<li>Mobile-friendly</li>
</ul>
<p>Pixo is external service that requires registration. This plugin only wraps the service into WordPress and does the registration automatically for you. The registration is with your WordPress user’s email address and a randomly generated password. To change that password visit <a href="https://pixoeditor.com:8443/cp/#/forgotten-password" rel="nofollow ugc">the Control Panel</a>.</p>
<p><a href="https://pixoeditor.com/privacy-policy/" rel="nofollow ugc">Pixo’s Privacy Policy</a></p>


Image Editor by Pixo


This is a really neat plugin, with the features my client wanted...but even at full quality, the end result images were not really that great. 


The quality of images could be better

Replaces the default image editor in wp-admin with more powerful one - Pixo. It can also be used in the front-end.

Squidge vs Image Editor by Pixo