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.

Elementor

<p><iframe loading="lazy" title="Optimize your website's performance with the new Image Optimizer by Elementor plugin" width="750" height="422" src="https://www.youtube.com/embed/Fco5omeF50w?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>Image Optimizer is an easy-to-use WordPress plugin that reduces image size through various compression and resizing techniques – all of which preserve the highest possible image quality. Image Optimizer supports many popular formats, including  JPEG, PNG, WebP, AVIF, and GIF.</p>
<h4>REDUCED FILE SIZES FOR BOOSTED PERFORMANCE</h4>
<p>Image Optimizer ensures faster loading times, enhanced user experience, and overall boosted website performance by reducing the size of your website’s images, resulting in improved Core Web Vitals and search engine rankings. With the Image Optimizer’s exceptional capabilities and unique algorithms, you can fine tune images and reduce their file sizes while retaining quality with lossless or lossy compression.</p>
<p><strong>FEATURES</strong></p>
<ul>
<li><strong>Image formats supported</strong> include JPEG, PNG, WebP, AVIF and GIF.</li>
<li><strong>Works in the background</strong>: The only plugin in the category that optimizes your images in the background, without you having to stay on the page during optimization.</li>
<li><strong>Resize large images</strong>: The user can set a maximum pixel width, after which images will automatically be resized. (default value set to 1920px)</li>
<li><strong>2 compression levels</strong>:  Lossless – highest quality with minimal compression; Lossy – maximum compression with somewhat reduced quality.</li>
<li><strong>Optimize on upload</strong>: Automatically optimizes images when you upload them.</li>
<li><strong>Bulk or individual optimization</strong>: Flexible image optimization options, whether it’s on-demand scaling and compression, or bulk optimization for your entire image library.</li>
<li><strong>EXIF Metadata</strong>: Select whether to clear image metadata to reduce size even further without impacting image quality.</li>
<li><strong>Backup original images</strong>: Ability to delete backups permanently to save space. (We recommend backing up your website beforehand.)</li>
<li><strong>Restore original images</strong> (all sizes) for selected media files if needed.</li>
<li><strong>Convert to WebP and AVIF</strong>: Get efficient and faster-loading formats with WebP  and AVIF for even better web performance.</li>
<li><strong>Image thumbnails</strong>: Resize all image sizes by default. Allow the user to choose specific image sizes based on WordPress-registered thumbnail sizes.</li>
</ul>
<h4>BULK OR SINGLE IMAGE OPTIMIZATION</h4>
<p>Image Optimizer by Elementor lets you optimize all images in your library either one at a time, or in a batch according to your preferences and settings. Easily configure the plugin to scale or compress your images on-demand, or automatically have them triggered as they are being uploaded. Or, if you have a large number of images already uploaded, the bulk optimization feature allows you to resize and/or compress your entire library of existing images in just a few clicks.</p>
<h4>2 COMPRESSION LEVELS</h4>
<p>With Image Optimizer’s advanced algorithms, you can compress images and reduce their file size at the level that makes the most sense for you. We offer 2 types of compression where images will be processed, giving you the perfect balance of compression and quality.</p>
<p><strong>Lossless Compression</strong>: Lossless compression reduces image file sizes without sacrificing or diminishing the quality of your images. This type of compression reduces file sizes by removing unused or unnecessary data so that no image details are lost along the way.  Hence, you are able to reduce the file size and still maintain the quality of your image.</p>
<p><strong>Lossy Compression</strong>: Lossy compression performs maximum compression resulting in lightweight images and smaller file sizes. It reduces image size by removing image data that is generally invisible to the human eye and minimizes any compromise in image quality.</p>
<p><strong>Convert to WebP and AVIF</strong>: Convert images to the slimmer WebP or AVIF formats for even better optimization with a 25-30% savings over JPEG and PNG. Most browsers support WebP, however if they don’t, you can have fallback versions of the image available in the same format as the original image.</p>
<p>By tailoring compression to the level you need, your visitors will enjoy faster load times, improved responsiveness, and a seamless browsing experience. Our approach also enables your website to rank higher in search results. Since a search engine’s ranking is heavily influenced by speed, user experience, and Core Web Vitals, Image Optimizer by Elementor is an invaluable tool for any website, especially one that’s abundant with images.</p>
<h4>Get Started Today</h4>
<p>For more information about Image Optimizer, visit our <a href="https://go.elementor.com/wp-repo-description-tab-io-product-page/" rel="nofollow ugc">official website</a> or <a href="https://go.elementor.com/wp-repo-description-tab-io-free-trial/" rel="nofollow ugc">Try It Now</a>.<br />
If you have any questions or need support, feel free to <a href="https://go.elementor.com/wp-repo-description-tab-io-contact-us/" rel="nofollow ugc">contact us</a> or visit our <a href="https://go.elementor.com/wp-repo-description-tab-io-help-center/" rel="nofollow ugc">help center</a>.</p>
<p>This plugin requires a connection to an active Elementor account in order to identify the user and provide the user with the purchased service. This connection is triggered manually by the user via the plugin’s settings panel.<br />
This plugin uses a 3rd party service operated by Elementor, which accepts a standard image in JPG, PNG, GIF or WEBP format and returns a web optimized image based on the selected settings. This flow is triggered by the user or automatically (based on the selected plugin settings) on compatible image upload or by manually initiating optimize process.</p>
<h3>Related Plugins</h3>
<p><a href="https://wordpress.org/plugins/site-mailer/" rel="ugc">Site Mailer</a>: Effortlessly manage transactional emails with Site Mailer. High deliverability, logs and statistics, and no SMTP plugins needed.</p>


Image Optimizer – Optimize Images and Convert to WebP or AVIF


Constant annoying ad in the paid version of Elementor for this plugin that I and my customers have to close all the time. Grrrrr


Annoying advertising inside a paid plugin

Trash


I don't like the new spammy plugin install prompts everywhere on my sites. This is an unnecessary plugin, and there are plenty of better and free options for image optimization.


This is not a good choice


At first I thought it was just another image optimization plugin. Whereby I am totally convinced of the Elementor Builder and therefore already had the hope that the image optimization would also convince me. I then tested it on my own website. When I created it, I naturally made sure that the images were optimized. I was all the more surprised that after optimizing with the plugin, the images could be reduced by more than half the file size. I can therefore highly recommend it.


Does what it promises


Image optimizer is very easy to configure and once done, each new image is optimized automatically and quickly and it works quite well, because it has improved the loading speed of my site!



My images were already optimized and I didn't think it was possible to further gain compression without losing quality.



In the media library, you can see each image with the space saved as well as the total space saved, this allows you to see the space saved at a glance.


Great image optimisation & conversion ✨

Does the job well


Thanks for this great plugin. Its helps a lot. Looking forward to more features in the future.


Good one! helps optimize photos better

works like a charm!


The plugin works so well compared to the other solutions around,I install it for customers' websites and finely they can upload images without my help explaining how to compress the images. 


So good to have this solution by Elementor


It suggests to install in free version of elementor but later when you wanna do something it asks to connect with elementor pro. What the hell is this plan, why WP even approve this? Even you should 1% free.


Too greedy plugin, avoid it.

Automatically resize, optimize, and convert images to WebP and AVIF. Compress images in bulk or on upload to boost your WordPress site performance.

Squidge vs Image Optimizer – Optimize Images and Convert to WebP or AVIF