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.

adityapatadia

<blockquote>
<p><strong>Gumlet is the One plugin to rule all 6 steps of image optimization in one go</strong></p>
<ul>
<li>Auto resize images based on user screen size</li>
<li>Visually lossless compression</li>
<li>Convert images to WebP format</li>
<li>In-built Lazy load</li>
<li>Optimized images cached on Gumlet cloud</li>
<li>CDN delivery by AWS CloudFront (215+ locations)</li>
</ul>
</blockquote>
<p>Try our fully functional free plan now!</p>
<p>Images make up more than 70% of your page weight. Optimizing images is the easiest way to improve page speed. A faster site leads to more engagement, sales and sign ups. Gumlet will help you INSTANTLY achieve maximum possible image optimization. This will also boost your image SEO.</p>
<p>This is an <strong>install and forget about it</strong> plugin. As soon as the plugin is installed all of the images on your site will be optimized. Gumlet does not touch your original images, they remain as it is. Our JavaScript detects the user device screen size and optimizes each image on the page in real time without any delay. All of this is done automatically, no manual settings required.</p>
<h4>WHY DO I NEED IMAGE OPTIMIZATION?</h4>
<h3>Fix your Google PageSpeed image opportunities</h3>
<p>Is your Google PageSpeed performance test opportunities telling you to:</p>
<ul>
<li>Defer Offscreen Images</li>
<li>Optimize Images</li>
<li>Properly Size Images</li>
<li>Serve images with correct dimensions</li>
<li>Use WebP images</li>
<li>Or, Serve Images in Next-Gen Formats</li>
</ul>
<p>Test your website with <a href="https://gtmetrix.com" rel="nofollow ugc">GTmetrix</a> or <a href="https://developers.google.com/speed/pagespeed/insights/" rel="nofollow ugc">Google PageSpeed Insights</a>. If they identify any image related issues like above, Gumlet will solve them.</p>
<p>Even if you are using another image optimization plugin, chances are they are not doing all of the possible optimization. Get a free image optimization report with our <a href="https://www.gumlet.com/analyzer" rel="nofollow ugc">analyzer tool</a>. We generally deliver 25-30% extra optimization over and above other plugins.</p>
<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/1PVnuuKcczk?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>
<h4>ACCELERATE YOUR JS AND CSS FILES</h4>
<p>Gumlet CDN can be integrated with popular plugins like WP Rocket to deliver your non-image files via CDN too. Our World class CDN would make sure your website loads as fast as possible > <a href="https://docs.gumlet.com/docs/image-integration-wordpress#bonus-serve-css-and-js-files-via-gumlet-cdn" rel="nofollow ugc">Read more</a>.</p>
<h4>WHAT OUR USERS HAVE TO SAY</h4>
<p>Gumlet image optimization is used by more than 6000 sites across the world. From small blogs to giant publishers like <a href="https://bloombergquint.com" rel="nofollow ugc">BloombergQuint</a> rely on us for optimized image delivery.</p>
<p>★★★★★</p>
<blockquote>
<p>“A very good Image optimization plugin” – <a href="https://profiles.wordpress.org/crackverbal/" rel="nofollow ugc">crackverbal</a></p>
</blockquote>
<p>★★★★★</p>
<blockquote>
<p>“It just works” – <a href="https://profiles.wordpress.org/claytonchase/" rel="nofollow ugc">claytonchase</a></p>
</blockquote>
<p>★★★★★</p>
<blockquote>
<p>“Simply Great” – <a href="https://profiles.wordpress.org/pawelszejko/" rel="nofollow ugc">pawelszejko</a></p>
</blockquote>
<h4>PRICING PLANS</h4>
<p>Like the plugin itself, the pricing plans are super simple and scale friendly!<br />
We only charge for CDN bandwidth consumed for image delivery. There are no charges or limits on the number of images original images, or optimisations performed. You get <strong>30 GB</strong> CDN bandwidth monthly for FREE to try out the plugin.</p>
<p><em>Note</em>: If you are on a Gumlet Image plan, the plugin usage will be accounted in the same plan itself. You do not need a separate plan for using this plugin.</p>
<p>More details on our <a href="https://www.gumlet.com/pricing" rel="nofollow ugc">website</a></p>
<h4>THE COMPLETE FEATURE LIST</h4>
<ul>
<li><strong>Unlimited image processing</strong> no quotas or limits on number of images.</li>
<li><strong>All image formats</strong> supported. SVG, GIF, PNG, JPEG, everything.</li>
<li><strong>Retina screen</strong> compatible.</li>
<li><strong>Cloud Based</strong> – Images are optimized and stored on our server to save your storage space and bandwidth</li>
<li><strong>No maintenance</strong> after integration. No need to run any batch processing scripts.</li>
<li><strong>Reliable</strong> – 99.5% uptime SLA</li>
<li><strong>Secure</strong> – All images are loaded via HTTPS protocol</li>
<li><strong>Support</strong> – Complete integration support. Reach-out to us anytime via chat or email.</li>
<li><strong>WooCommerce</strong> compatible.</li>
<li><strong>Delivery Analytics</strong> –  Keep a tab on response times, usage details in real time</li>
<li><strong>Alerts and reports</strong> – Get customized alerts and reports on image related data.</li>
<li><strong>No lock in!</strong> Disable the plugin and your images will be served as they were before installation.</li>
<li><strong>Powerful Image API</strong> – full and free access [Documentation](https://docs.gumlet.com/reference/image-transform-size</li>
<li><strong>Progressive JPEG</strong> – Display JPEG images more quickly with progressive JPEG encoding.</li>
<li><strong>Keep same storage</strong> – Optimize images stored in external sources like Amazon S3</li>
<li><strong>Image Metadata</strong> – Keep (for photographers) or Remove (for optimisation), you choose!</li>
<li><strong>GDPR compliant</strong> – We do not record or store any personal information about your users.</li>
<li><strong>Video Embed</strong> – Added support for Gumlet Video Embeds.</li>
</ul>
<h4>15 MINUTE INSTALLATION GUIDE</h4>
<p>Yes, it actually takes only 15 minutes to set up Gumlet for your entire website. Check out our super <a href="https://docs.gumlet.com/docs/image-integration-wordpress" rel="nofollow ugc">simple installation guide</a></p>
<p>Don’t wait now, just give it a try! There is nothing to lose 😀</p>
<h4>Get in touch!</h4>
<p>Still not sure? Come chat with us, we will honestly help you make the right choice.</p>
<ul>
<li><a href="https://gumlet.com" rel="nofollow ugc">Website</a> (Chat available)</li>
<li>Write to us at: support@gumlet.com</li>
<li>Twitter – <a href="https://twitter.com/gumletapp" rel="nofollow ugc">gumletapp</a></li>
<li>Facebook – <a href="https://www.facebook.com/gumletapp" rel="nofollow ugc">gumletapp</a></li>
</ul>


Gumlet – Image optimization with Resize, Compression, Lazy load, Caching & CDN delivery

Official WordPress plugin to automatically load all your WordPress images via the Gumlet service for smaller, faster, better looking images.

Squidge vs Gumlet – Image optimization with Resize, Compression, Lazy load, Caching & CDN delivery