igorescobar

<h4>Plugin Features</h4>
<ul>
<li>WooCommerce Compatible.</li>
<li>Compression, CDN and Progressive Scans to all your images AUTOMATICALLY.</li>
<li>Free Bandwidth.</li>
<li>Retina Displays Support.</li>
<li>Lazy loading.</li>
</ul>
<h4>API Features</h4>
<p>Content aware image resizing, cropping, compression, cache and CDN. All web development best practices, hassle free in one simple and powerful API.</p>
<ul>
<li>Content Aware Image Cropping.</li>
<li>Up to 60% smaller images.</li>
<li>Lazy loading.</li>
<li>WebP Detection.</li>
<li>Face Detection.</li>
<li>Animated GIFs.</li>
<li>Progressive Scans.</li>
<li>Image CDN.</li>
<li>Image Filters.</li>
<li>Watermarking.</li>
</ul>
<p>Your WordPress Themes are now even more powerful and flexible.</p>
<h3>Usage of 3rd Party Service</h3>
<p>This plugin relies on <a href="https://github.com/imageboss/imageboss-web" rel="nofollow ugc">ImageBoss Web</a>. Which is a web implementation of <a href="https://imageboss.me/" rel="nofollow ugc">ImageBoss</a>.<br />
To use this plugin you need to have a <a href="https://imageboss.me/" rel="nofollow ugc">ImageBoss</a> account and therefore agree with the <a href="https://imageboss.me/legal/terms" rel="nofollow ugc">Terms & Conditions</a>.<br />
This plugin do not send any information to any 3rd party service.</p>


ImageBoss – Images Up To 60% Smaller & CDN

Boost page load times by delivering up to 60% smaller images, CDN and responsive images.

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.

ImageBoss – Images Up To 60% Smaller & CDN vs Squidge