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.

Bogdan Bendziukov

<p>Squeeze is a lightweight yet powerful image optimization plugin for WordPress.<br />
It compresses and converts your images directly in your browser, so no image ever leaves your site.</p>
<p>Unlike most competitors, Squeeze:</p>
<p>♾️ Has no image compression limits — you can squeeze as many images as you want.<br />
☁️ Doesn’t send your images to any external servers — all processing happens locally in your browser.<br />
⚡ Converts images to WEBP instantly and directly, replacing the original file (no duplicates, no clutter).<br />
🖼️ Optimizes images on the fly inside Gutenberg, Elementor, and GenerateBlocks — right when you upload or insert them.</p>
<p>It’s privacy-safe, lightning-fast, and storage-efficient.</p>
<p><a href="https://pluginarium.com/squeeze/" rel="nofollow ugc">Squeeze official website</a> | <a href="https://pluginarium.com/squeeze/squeeze-documentation/" rel="nofollow ugc">Plugin’s documentation</a></p>
<h3>🌟 New Features since version 1.7 🌟</h3>
<ul>
<li><strong>Direct WEBP Conversion:</strong> Convert JPG/PNG images into WEBP instantly and replace originals — saving tons of storage.</li>
<li><strong>Pre-Upload Compression:</strong> Compress images before they even reach your server, reducing upload time and bandwidth usage.</li>
</ul>
<h3>✨ Key Features ✨</h3>
<ul>
<li><strong>Increase Page Speed:</strong> Reduces image sizes to improve website loading speed and overall user experience.</li>
<li><strong>WEBP Conversion and Serving:</strong> Convert images to the modern and efficient WEBP format and serve them seamlessly. The plugin adds .htaccess rules to serve WEBP images for supported browsers without changing URLs. Alternatively, enable the “Replace Image URLs” option to explicitly use WEBP versions on all pages.</li>
<li><strong>Client-Side Image Squeezing:</strong> Compress images directly in the browser without sending files to external servers</li>
<li><strong>Upload Optimization:</strong> Compresses images on-the-fly during the upload process, ensuring optimized images are added to your media library.</li>
<li><strong>Gutenberg and GenerateBlocks Support:</strong> Squeeze images directly on upload in Gutenberg or GenerateBlocks builder.</li>
<li><strong>Bulk Compression:</strong> Allows you to compress multiple images at once from your WordPress Media Library.</li>
<li><strong>Custom Directory Compression:</strong> Select a directory on your site and compress all the images within it.</li>
<li><strong>Selective Compression:</strong> Choose which images to compress based on your preferences and requirements.</li>
<li><strong>Custom Squeezing Settings:</strong> Adjust compression parameters such as quality level to suit your specific needs.</li>
<li><strong>Backup Option:</strong> Creates a backup file to restore a compressed image to the original image.</li>
<li><strong>Wide Format Support:</strong> Squeezes images in popular formats, including JPEG, PNG, AVIF, and WEBP.</li>
</ul>
<h3>⚜️ Premium Features ⚜️</h3>
<ul>
<li><strong>Image Comparison:</strong> Compare original and Squeezed images directly in the Media Library.</li>
<li><strong>Resize Original Image:</strong> Set maximum width and height for the original image.</li>
<li><strong>Bulk Squeeze from a Page:</strong> Compress all images from a specific page.</li>
<li><strong>Elementor Integration:</strong> Squeeze images directly while editing in Elementor.</li>
<li><strong>Image Exclusion:</strong> Exclude specific images from bulk compression.</li>
<li><strong>Priority support & updates!</strong></li>
</ul>
<p>Don’t settle for limitations—upgrade now and supercharge your experience!</p>
<p><strong><a href="https://pluginarium.com/squeeze/#premium" rel="nofollow ugc">Explore the Premium version here.</a></strong></p>
<h3>How does the Squeeze plugin work?</h3>
<p>Squeeze plugin compresses images directly from your WordPress Media Library or during the image upload process. All the work is handled directly inside your browser using advanced compression algorithms. That means there’s no third party service for compression images. Thus, you can be sure with the privacy of your images, ensuring data privacy and faster processing.</p>
<p><a href="https://pluginarium.com/squeeze/squeeze-documentation/" rel="nofollow ugc">Plugin’s documentation is available here.</a></p>


Squeeze – Image Optimization & Compression, WEBP Conversion


Great plugin! I'd love webp support if possible.


Works great

Unlimited. Private. Instant. Squeeze compresses and converts your images directly in your browser — no external servers and no upload limits.

Squidge vs Squeeze – Image Optimization & Compression, WEBP Conversion