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.

Piio, Inc.

<h4>Generate Real-Time Responsive Images—Delivered at Maximum Speed</h4>
<p>Slow page load times hurt your website. Visitors don’t have the patience to wait more than three seconds for your site to load.</p>
<p>Piio significantly improves the load time of your website by generating real-time responsive images and delivers them using lazy loading. Your visitors experience images optimized for their device that are instantly available as they scroll through your website.</p>
<p>Piio delivers your images through an ultra-fast CDN, that is up to 10X faster than the Amazon S3 regular storage solution. Faster page load times create more user engagement and boost your SEO.</p>
<h4>What Makes Piio Different?</h4>
<p>Piio is more than an image compressor. It recognizes what device and browser your visitors are using and delivers pixel-perfect for EACH visitor in real-time. Using proprietary technology and state-of-the-art lazy loading, all of your images are delivered at lightning speed.</p>
<p>Lazy loading further enhances your page load speeds by only loading the content that your visitors need. You reduce the bandwidth your site requires and improve the user experience for every website visitor.</p>
<p>Piio anticipates when to load content below the viewpoint of your visitors. Users of your site will always see the images right as they scroll down.</p>
<p>It’s like Piio reads the minds of your website users.</p>
<h4>Why Choose Piio?</h4>
<p>Piio makes it easy for you to improve the performance of your site and your user experience. Piio is perfect for your website because:</p>
<ul>
<li>Setup is simple—plug and play</li>
<li>No need to change storage providers</li>
<li>No need to run batch processing scripts</li>
<li>No maintenance after integration</li>
<li>WebP format for Google Chrome support</li>
<li>MozJPEG for better quality and small filesizes</li>
<li>Piio delivers the most powerful image optimization technology available.</li>
</ul>
<h4>More Than Just Image Compression</h4>
<p>There are more types of devices than ever before. If you are only using an image compressor, you will see some performance improvement, but your images will not be optimized for each visitor.</p>
<p>Mobile devices and browsers all different viewpoint sizes. Focusing only on image compression and resizing images is a losing game.</p>
<p>We want to make sure your site is loading fast and without compromising the user experience.</p>
<p>Our unique blend of image compression, responsive image optimization, and lazy loading makes sure that EVERY visitor has the same high-quality experience interacting with your website.</p>
<p>The Piio plugin makes your site smart enough to understand everything about your visitors.</p>
<h4>How Much of a Performance Difference Can Piio Make on My Site?</h4>
<p>You will notice a significant improvement in your site’s performance. But, you don’t have to take our word for it. You can perform a free image test here: <a href="https://app.piio.co/speedtest" rel="nofollow ugc">https://app.piio.co/speedtest</a></p>
<h4>Want to Make Piio Even Better?</h4>
<p>If you are serious about your website’s performance, we recommend using WP Super Cache with Piio. WP Super Cache is one of the best cache plugins, and it’s fully compatible with Piio.</p>
<p>If you are using another cache plugin, send a message to our support team at support@piio.com to check for compatibility.</p>
<p>Please contact our support team immediately at support@piio.com if you find any issues with Piio.</p>
<h3>How Do You Install Piio?</h3>
<p>Before using Piio, you need to <a href="https://piio.co/?ref=wp-plugin" rel="nofollow ugc">REGISTER HERE</a></p>
<p>You can download the Piio plugin from this page.</p>
<p>Please make sure to follow the instructions below to ensure the plugin is installed correctly.</p>
<p>Piio offers Freemium Plans. Learn more about our plans here: <a href="https://app.piio.co/pricing?ref=wp-plugin" rel="nofollow ugc">Piio Freemium Plans</a></p>
<h3>What Does Piio Do?</h3>
<p>Piio helps your website load faster by optimizing your images in real time and delivering them to your visitors at maximum speed.</p>
<p>Image optimization results in better image quality, faster load times, and more conversions.</p>
<h4>Automatic Responsive Images Perfect for Optimizing Cross-Device Experiences</h4>
<p>You don’t worry about multiple resolutions or mobile devices, Piio automatically loads the best image for each device. We learn from your HTML and deliver pixel perfect images, they don’t only load faster, but they’ll look better.</p>
<h4>CDN Deliver</h4>
<p>With worldwide reach, our CDN provides low latency and faster download times.</p>
<h3>How is Piio Different Other Image Services?</h3>
<p>Piio is the only image optimization service in the world that does not require any type of maintenance. Because Piio is installed in the frontend, it understands what’s going on in the HTML. It knows what device the person is using and automatically resizes the images on the fly without the need of changing your storage. Piio is the only Pixel Perfect service in the world.</p>
<h3>Have More Questions?</h3>
<p>You can read the <a href="http://help.piio.co/faq?ref=wp-plugin" rel="nofollow ugc">complete FAQ here</a>.</p>


Piio – Make your Images Load Faster, Optimize Your Website & Boost Your SEO

Improve Page Load Times with Our Powerful Image Compressor & Optimizer

Squidge vs Piio – Make your Images Load Faster, Optimize Your Website & Boost Your SEO