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.

TinyPNG

<p>The best & easiest image compression plugin for WordPress. Speed up your website by compressing and converting your images with TinyPNG for WordPress. Improve your websites’ performance by significantly reducing file sizes without noticeable quality loss. Support for WebP, AVIF, JPG and PNG formats.<br />
Start optimizing your images today to boost SEO, improve your PageSpeed scores, save bandwidth and enhance your website’s user experience.</p>
<h4>Why TinyPNG?</h4>
<ul>
<li>Next-gen format conversion, convert images to WebP and AVIF for even smaller files (NEW)</li>
<li>Smart compression algorithm, reduce image file sizes without visible quality loss</li>
<li>Broad format support, supports AVIF, WebP, PNG, animated PNG (APNG) and JPG.</li>
<li>Automatic image compression, compresses new images on upload.</li>
<li>Bulk optimization, optimize your full media library in just one click.</li>
<li>Individual image control, optimize a single image straight from your media library.</li>
<li>Preserve meta-data, choose to retain copyright metadata, creation date and GPS location in your original images.</li>
<li>Resize large images, automatically resize huge image uploads by setting a maximum width and/or height for more reasonable browser display.</li>
<li>Custom thumbnail optimization, choose which image size should be processed.</li>
<li>Advanced background processing, optimization run quietly in the background to speed up your workflow.</li>
<li>Multisite support, use one API key across all sites.</li>
<li>Detailed statistics, see how much file size you have saved by compressing your Media Library</li>
<li>George the Panda, our lovely mascot brings joy and hugs.</li>
<li>and much more…</li>
</ul>
<h4>Convert to next-gen formats like AVIF and WebP</h4>
<p>With the TinyPNG WordPress plugin, you can easily convert your images to next-gen formats like AVIF and WebP. AVIF and WebP are modern image formats designed for the web. They are often smaller in size than older formats like JPEG and PNG, while keeping excellent image quality.</p>
<ul>
<li>WebP images are 25–34% smaller than JPEG (lossy) according to Google.</li>
<li>AVIF can reduce image size by up to 50% compared to JPEG, often even beating WebP in compression.</li>
</ul>
<p>Google’s PageSpeed Insights and other tools strongly recommend serving images in AVIF or WebP. Most modern browsers (like Chrome, Firefox, Edge, and Safari) now fully support WebP and AVIF. That means you can safely serve these formats to most of your visitors.</p>
<p>With the TinyPNG WordPress plugin, your images can be automatically converted to AVIF or WebP when you upload them. No extra steps are required.</p>
<h4>Optimizing all your images</h4>
<p>You can bulk optimize your existing JPEG, PNG, and WebP images all at once by going to Media > Bulk TinyPNG. Clicking on the big button will start compressing and converting, when needed, all unoptimized images in your media library.</p>
<p>If you have more images than your free credits allow, the tool will show you an estimated cost to optimize your entire library. If you are interested, you can upgrade your account to the paid plan and optimize the full library all in one go. Prefer to stay on the free plan? No problem! The bulk optimization tool will simply process images until your free limit is reached.</p>
<h4>Compress for performance</h4>
<p>The Tinify optimization engine is more than just compression. It is built to deliver the best image performance for the web, without sacrificing visual quality. Here’s how it helps:</p>
<ul>
<li>Display JPEG images more quickly with progressive JPEG encoding.</li>
<li>Color profiles are automatically translated to standard RGB color.</li>
<li>Convert CMYK to RGB to save more space and add compatibility.</li>
</ul>
<h4>Compatibility</h4>
<p>The TinyPNG plugin is fully compatible with <em>WordPress Multisite</em>. Next to this, TinyPNG for WordPress works smoothly with most themes and plugins. Here is a list of the popular plugins that have been tested to work smoothly with TinyPNG.</p>
<ul>
<li><a href="https://wpml.org/documentation/plugins-compatibility/optimize-wordpress-images-multilingual-sites/" rel="nofollow ugc">WPML</a></li>
<li>WooCommerce</li>
<li>WP Retina 2x</li>
<li>WP Offload</li>
</ul>
<h4>Getting Started</h4>
<p>Install this plugin and follow the instructions to set up your account. No payment details are required.</p>
<p>Learn more about the plugin with these step-by-step tutorials:</p>
<ul>
<li><a href="https://help.tinify.com/help/how-to-set-up-the-tinypng-wordpress-plugin" rel="nofollow ugc">How to set up the TinyPNG WordPress plugin?</a></li>
<li><a href="https://help.tinify.com/help/how-to-compress-existing-images-with-plugin" rel="nofollow ugc">How to compress existing images with the WordPress plugin?</a></li>
</ul>
<h4>Pricing</h4>
<p>You get 500 credits per month at no cost.</p>
<p>With a regular WordPress installation, you can compress roughly 100 images per month. Please note that converting images to AVIF or WebP uses an additional credit per image size. This means with the conversion feature enabled, you can roughly compress and convert 50 images per month for free.</p>
<p>The exact number depends on how many thumbnail sizes are generated by your theme or plugins. You can choose which of the generated thumbnail sizes should be optimized by going to Settings > TinyPNG page. You can upgrade to a paid plan to remove the limit and compress as many images as you like.</p>
<h4>Need more?</h4>
<p>Upgrade to a paid plan to remove the limit and compress as many images as you want. To view the pricing details, visit: <a href="https://tinify.com/developers/pricing" rel="nofollow ugc">tinify.com/developers/pricing</a></p>
<h4>Privacy</h4>
<p>At Tinify, we take your privacy seriously. Only you have access to the uploaded images. All images are stored for a maximum of 48 hours, after which they will be deleted forever.</p>
<h4>Contact us</h4>
<p>Got questions or feedback? Let us know! Contact us at support@tinypng.com or find us on X: <a href="https://twitter.com/tinypng" rel="nofollow ugc">@tinypng</a>.</p>
<h4>Contributors</h4>
<p>Want to contribute? Check out the <a href="https://github.com/tinify/wordpress-plugin" rel="nofollow ugc">Tinify WordPress plugin on GitHub</a>.</p>


TinyPNG – JPEG, PNG & WebP image compression

Great plugin allows you to speedup website using API from tinypng. Really useful, I don't have to minimize every image before uploading it to server.

Awesome


Original file size: 166kb



Tinypng compressed: 91kb



But it did not display the compressed image directly on the webpage






The file size after uploading has not been updated

Speed up your website. Optimize your JPEG, PNG, and WebP images automatically with TinyPNG.

Squidge vs TinyPNG – JPEG, PNG & WebP image compression