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.

speedsize

Pini Cohen (Trus)

<h4>FORGET VIDEO AND IMAGE COMPRESSION</h4>
<p>Instead of just doing traditional image compression, significantly damaging your website’s visual quality, like nearly all websites still do to this day, AI-optimize your images and videos. Only with SpeedSize™ can you present media without limitations. Display photos and videos that look the same as 4k and drastically improve your site’s loading speed at the same time. This will improve conversions, drive more organic SEO traffic and most importantly – provide your customers the next level of user experience.</p>
<p><iframe loading="lazy" title="The next media optimization standard: SpeedSize" width="750" height="422" src="https://www.youtube.com/embed/6sUYGfvnc3k?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>LOADING SPEED VS VISUAL QUALITY</h4>
<p>The dilemma of performance vs. media quality arises every day for all online brands. A large media catalog and/or high quality media always translates to slow-loading. The standard solution is traditional image compression. Unfortunately, compression affects quality and doesn’t reduce the media size enough when the visual quality is passable. So the result is always poor user experience and/or bad SEO rankings, leading to missed conversions, or to put it more plainly, lost money.</p>
<h4>NEXT STANDARD OF MEDIA OPTIMIZATION</h4>
<p>Never again compromise visual quality for speed. Instead of doing traditional compression, use our proprietary tech, Neuroscience Media Optimization. SpeedSize™ is the only platform capable of optimizing media size so dramatically, without compromising visual quality. High-res images and videos can now be delivered with a few KBs. You can speed up your site, drive more organic SEO traffic and convert more, without any concessions.</p>
<ul>
<li>Fix your Core Web Vitals to improve your SEO, bounce rate and conversions</li>
<li>Accelerate your site’s loading time by ~10x and enhance user experience</li>
<li>Get ~90-99% smaller and visually lossless media size by integrating with the <a href="https://speedsize.com/" rel="nofollow ugc">SpeedSize™</a> platform</li>
<li>Make your site stand out with highest visual quality available online</li>
<li>rive more sales by empowering UX with high-res images and videos</li>
</ul>
<h4>MEDIA WITHOUT LIMITS</h4>
<p>SpeedSize™ neuroscience-powered AI analyzes your media, recreates it in identical looking quality but smaller in size (only a few KBs), and delivers it from 400+ locations all across the globe. Start selling more by upgrading product presentation. Use 4k quality images and auto-play videos. Improve your Core Web Vitals, while displaying life-like imagery for each unique visitor’s browser and device. SpeedSize™ even generates hundreds of variations in all next-gen formats and resolutions.</p>
<h4>HOW IT WORKS</h4>
<p>The SpeedSize™️ plugin AI-optimizes media with neuroscience technology, making the internet faster and sharper than ever seen before. We AI-analyze each media file to the pixel, eliminate the data the human brain cannot perceive and auto-deliver the perfect variation, customized to each unique device and browser. The result, up to 99% smaller media with the best possible perceptible visual quality, so that brands can present sharper, life-like visual experiences to their visitors. This drives more organic SEO traffic and increases revenue from conversions, making it the perfect tool for all online brands looking to scale.</p>
<h4>SPEEDSIZE VS COMPRESSION</h4>
<p>At SpeedSize™, we don’t use any presets like every other compression platform. Each image is individually rendered to find the perfect size to quality ratio, so that the compression is not really compression at all. The results are undeniable…</p>
<h4>ONE-CLICK INTEGRATION</h4>
<p>Most Enterprise-level media optimization tools require a lot of manual labor. This means Complex APIs and coding processes. Alternatively, SpeedSize™️ offers an effortless integration, with all the customization you need to optimize your media individually. However, what’s so compelling about SpeedSize™️ is that you can optimize your site’s media automatically at any scale instantly with our WordPress plugin.</p>
<p>For the best results, use your original high-res images and videos, so our AI will make it appear identically sharp to the human eye, but up to 99% smaller. In nearly every case, the higher quality the original image, the better results we can deliver.</p>
<h4>EXCLUSIVE FEATURES</h4>
<ul>
<li>No visible quality loss — reach the highest quality resolution available online that loads instantly — Exclusive feature</li>
<li>PVCI – Psychovisual Compression Index – Quality assurance your media looks identical-to-original  — Exclusive feature</li>
<li>Neuroscience optimized image recreation with no presets — Exclusive feature</li>
<li>Visually-lossless device adaptive resizing — Exclusive feature</li>
<li>AI content-aware cropping — Exclusive feature</li>
<li>Instant autoplay videos with no buffering time — Exclusive feature</li>
</ul>
<h4>ADDITIONAL FEATURES</h4>
<ul>
<li>Full image formats coverage (AVIF, WebP, JPEG-2000, JPEG -XR, JPEG, PNG, GIF, SVG)</li>
<li>Full video formats coverage ( AV1, VP9, HEVC, MP4)</li>
</ul>
<h4>GETTING STARTED</h4>
<p>To activate the plugin contact us at <a href="mailto:hi@speedsize.com" rel="nofollow ugc">hi@speedsize.com</a>. If you are already registered, please contact <a href="mailto:support@speedsize.com" rel="nofollow ugc">support@speedsize.com</a> for any questions about integration and anything else you may need.</p>
<h4>EXPLORE US MORE</h4>
<p>To learn more about SpeedSize™, check out <a href="http://speedsize.com" rel="nofollow ugc">our website</a>.</p>


SpeedSize Image & Video AI-Optimizer

SpeedSize Image & Video AI-Optimizer plugin allows you to easily use SpeedSize's Neuroscience Media Optimization on your WP website.

Squidge vs SpeedSize Image & Video AI-Optimizer