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.

TwicPics

studiocassette

<p><a href="https://www.twicpics.com/?ref=wordpress" rel="nofollow ugc">TwicPics</a> is a real-time image processing service that enables individuals and businesses of all sizes to deliver high performing and rich visual content with easy setup.</p>
<p>It reduces image file sizes with adaptive compression and automatic Next-Gen format to boost your website performance and SEO by delivering pixel perfect images on the fly.</p>
<p>TwicPics ensures your images are perfect. Neither too big nor too small.</p>
<h4>What is TwicPics?</h4>
<p>Websites are heavier than ever and the main culprits are images. They eat up network bandwidth and increase the time visitors spend waiting for pages to load. Because every passing tenth of a second reduces your website’s overall conversion rate, <strong>this dramatically impacts its reputation as well as revenue</strong>.</p>
<p>TwicPics is a Responsive Image Service Solution (SaaS). It offers <strong>on-demand responsive image generation</strong> combined with a <strong>smart and unobtrusive</strong> <strong>JavaScript library</strong>, all based around a <strong>URL-based API</strong>.</p>
<p>TwicPics’ library being the heart of this WordPress plugin means <strong>you don’t have anything to do regarding your images optimization</strong>. The end-user never sees the original image. Instead, an optimized, perfectly sized, device-adapted image is delivered from a location close to him through a worldwide CDN.</p>
<h4>Features</h4>
<ul>
<li><strong>Image resizing and DPR:</strong> TwicPics automatically detects the DPR of your visitors. This means your existing and future images are automatically sized at the correct DPR for any device.</li>
<li><strong>Lazy loading</strong>: automatically defers offscreen images to improve page loading time. TwicPics also uses image placeholders for better user experience.</li>
<li><strong>Process many image formats</strong>: non-animated AVIF, GIF, HEIF, JPEG, PNG and WebP formats are supported.</li>
<li><strong>Next-Gen format and WebP conversion</strong>: for better optimization, your images are automatically converted to WebP format by default.</li>
<li><strong>Lossless compression</strong>: TwicPics automatically removes useless data and compresses images on the fly. Reduce image size by up to 75% without compromising quality.</li>
<li><strong>Rock solid architecture</strong>:  99.999% service uptime and 99.99% image delivery success on average.</li>
<li><strong>Global CDN</strong>: serve your images closer to your visitors thanks to a worldwide CDN powered by Amazon™.</li>
<li><strong>SEO optimization</strong></li>
</ul>
<h4>Compatibility</h4>
<p>The TwicPics plugin is compatible with WordPress websites that use Gutenberg blocks. However, we cannot guarantee it will work with all themes, plugins, and site builders.</p>


Real Time Responsive Images Plugin for WordPress by TwicPics

Boost your website performance and SEO by delivering pixel perfect images on the fly to any devices.

Squidge vs Real Time Responsive Images Plugin for WordPress by TwicPics