adityapatadia

<blockquote>
<p><strong>Gumlet is the One plugin to rule all 6 steps of image optimization in one go</strong></p>
<ul>
<li>Auto resize images based on user screen size</li>
<li>Visually lossless compression</li>
<li>Convert images to WebP format</li>
<li>In-built Lazy load</li>
<li>Optimized images cached on Gumlet cloud</li>
<li>CDN delivery by AWS CloudFront (215+ locations)</li>
</ul>
</blockquote>
<p>Try our fully functional free plan now!</p>
<p>Images make up more than 70% of your page weight. Optimizing images is the easiest way to improve page speed. A faster site leads to more engagement, sales and sign ups. Gumlet will help you INSTANTLY achieve maximum possible image optimization. This will also boost your image SEO.</p>
<p>This is an <strong>install and forget about it</strong> plugin. As soon as the plugin is installed all of the images on your site will be optimized. Gumlet does not touch your original images, they remain as it is. Our JavaScript detects the user device screen size and optimizes each image on the page in real time without any delay. All of this is done automatically, no manual settings required.</p>
<h4>WHY DO I NEED IMAGE OPTIMIZATION?</h4>
<h3>Fix your Google PageSpeed image opportunities</h3>
<p>Is your Google PageSpeed performance test opportunities telling you to:</p>
<ul>
<li>Defer Offscreen Images</li>
<li>Optimize Images</li>
<li>Properly Size Images</li>
<li>Serve images with correct dimensions</li>
<li>Use WebP images</li>
<li>Or, Serve Images in Next-Gen Formats</li>
</ul>
<p>Test your website with <a href="https://gtmetrix.com" rel="nofollow ugc">GTmetrix</a> or <a href="https://developers.google.com/speed/pagespeed/insights/" rel="nofollow ugc">Google PageSpeed Insights</a>. If they identify any image related issues like above, Gumlet will solve them.</p>
<p>Even if you are using another image optimization plugin, chances are they are not doing all of the possible optimization. Get a free image optimization report with our <a href="https://www.gumlet.com/analyzer" rel="nofollow ugc">analyzer tool</a>. We generally deliver 25-30% extra optimization over and above other plugins.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/1PVnuuKcczk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>ACCELERATE YOUR JS AND CSS FILES</h4>
<p>Gumlet CDN can be integrated with popular plugins like WP Rocket to deliver your non-image files via CDN too. Our World class CDN would make sure your website loads as fast as possible > <a href="https://docs.gumlet.com/docs/image-integration-wordpress#bonus-serve-css-and-js-files-via-gumlet-cdn" rel="nofollow ugc">Read more</a>.</p>
<h4>WHAT OUR USERS HAVE TO SAY</h4>
<p>Gumlet image optimization is used by more than 6000 sites across the world. From small blogs to giant publishers like <a href="https://bloombergquint.com" rel="nofollow ugc">BloombergQuint</a> rely on us for optimized image delivery.</p>
<p>★★★★★</p>
<blockquote>
<p>“A very good Image optimization plugin” – <a href="https://profiles.wordpress.org/crackverbal/" rel="nofollow ugc">crackverbal</a></p>
</blockquote>
<p>★★★★★</p>
<blockquote>
<p>“It just works” – <a href="https://profiles.wordpress.org/claytonchase/" rel="nofollow ugc">claytonchase</a></p>
</blockquote>
<p>★★★★★</p>
<blockquote>
<p>“Simply Great” – <a href="https://profiles.wordpress.org/pawelszejko/" rel="nofollow ugc">pawelszejko</a></p>
</blockquote>
<h4>PRICING PLANS</h4>
<p>Like the plugin itself, the pricing plans are super simple and scale friendly!<br />
We only charge for CDN bandwidth consumed for image delivery. There are no charges or limits on the number of images original images, or optimisations performed. You get <strong>30 GB</strong> CDN bandwidth monthly for FREE to try out the plugin.</p>
<p><em>Note</em>: If you are on a Gumlet Image plan, the plugin usage will be accounted in the same plan itself. You do not need a separate plan for using this plugin.</p>
<p>More details on our <a href="https://www.gumlet.com/pricing" rel="nofollow ugc">website</a></p>
<h4>THE COMPLETE FEATURE LIST</h4>
<ul>
<li><strong>Unlimited image processing</strong> no quotas or limits on number of images.</li>
<li><strong>All image formats</strong> supported. SVG, GIF, PNG, JPEG, everything.</li>
<li><strong>Retina screen</strong> compatible.</li>
<li><strong>Cloud Based</strong> – Images are optimized and stored on our server to save your storage space and bandwidth</li>
<li><strong>No maintenance</strong> after integration. No need to run any batch processing scripts.</li>
<li><strong>Reliable</strong> – 99.5% uptime SLA</li>
<li><strong>Secure</strong> – All images are loaded via HTTPS protocol</li>
<li><strong>Support</strong> – Complete integration support. Reach-out to us anytime via chat or email.</li>
<li><strong>WooCommerce</strong> compatible.</li>
<li><strong>Delivery Analytics</strong> –  Keep a tab on response times, usage details in real time</li>
<li><strong>Alerts and reports</strong> – Get customized alerts and reports on image related data.</li>
<li><strong>No lock in!</strong> Disable the plugin and your images will be served as they were before installation.</li>
<li><strong>Powerful Image API</strong> – full and free access [Documentation](https://docs.gumlet.com/reference/image-transform-size</li>
<li><strong>Progressive JPEG</strong> – Display JPEG images more quickly with progressive JPEG encoding.</li>
<li><strong>Keep same storage</strong> – Optimize images stored in external sources like Amazon S3</li>
<li><strong>Image Metadata</strong> – Keep (for photographers) or Remove (for optimisation), you choose!</li>
<li><strong>GDPR compliant</strong> – We do not record or store any personal information about your users.</li>
<li><strong>Video Embed</strong> – Added support for Gumlet Video Embeds.</li>
</ul>
<h4>15 MINUTE INSTALLATION GUIDE</h4>
<p>Yes, it actually takes only 15 minutes to set up Gumlet for your entire website. Check out our super <a href="https://docs.gumlet.com/docs/image-integration-wordpress" rel="nofollow ugc">simple installation guide</a></p>
<p>Don’t wait now, just give it a try! There is nothing to lose 😀</p>
<h4>Get in touch!</h4>
<p>Still not sure? Come chat with us, we will honestly help you make the right choice.</p>
<ul>
<li><a href="https://gumlet.com" rel="nofollow ugc">Website</a> (Chat available)</li>
<li>Write to us at: support@gumlet.com</li>
<li>Twitter – <a href="https://twitter.com/gumletapp" rel="nofollow ugc">gumletapp</a></li>
<li>Facebook – <a href="https://www.facebook.com/gumletapp" rel="nofollow ugc">gumletapp</a></li>
</ul>


Gumlet – Image optimization with Resize, Compression, Lazy load, Caching & CDN delivery

Official WordPress plugin to automatically load all your WordPress images via the Gumlet service for smaller, faster, better looking images.

Junaid Bhura

<p><a href="https://github.com/junaidbhura/auto-cloudinary" rel="nofollow ugc">Check out the Github Repository ♥</a></p>
<p>This plugin provides a <strong>super simple</strong> <a href="https://cloudinary.com/documentation/fetch_remote_images#auto_upload_remote_resources" rel="nofollow ugc">Cloudinary auto-upload</a> implementation for WordPress.</p>
<p>It is inspired by <a href="https://developer.wordpress.com/docs/photon/" rel="nofollow ugc">Photon</a> and <a href="https://github.com/humanmade/tachyon-plugin" rel="nofollow ugc">Tachyon</a>.</p>
<p>Cloudinary will <strong>automatically fetch and serve the images</strong> from your media library like a <strong>CDN</strong>, without you having to worry about the complicated upload API! Just <a href="https://github.com/junaidbhura/auto-cloudinary/wiki/Setup" rel="nofollow ugc">set up auto-upload</a> in your Cloudinary settings, enter the details in the plugin’s options, and you’re all set!</p>
<p>Easy peasy 😎</p>
<h3>Important</h3>
<p>This plugin is <strong>incompatible with the official Cloudinary plugin</strong>. You’d need to disable that plugin before using this one.</p>
<h3>Quick Links</h3>
<p><a href="https://github.com/junaidbhura/auto-cloudinary/wiki/Setup" rel="nofollow ugc">Setup</a> | <a href="https://github.com/junaidbhura/auto-cloudinary/issues" rel="nofollow ugc">Issues</a> | <a href="https://github.com/junaidbhura/auto-cloudinary/wiki/Functions" rel="nofollow ugc">Functions</a> | <a href="https://github.com/junaidbhura/auto-cloudinary/wiki/Filters" rel="nofollow ugc">Filters</a> | <a href="https://github.com/junaidbhura/auto-cloudinary/wiki/Best-Practices" rel="nofollow ugc">Best Practices</a></p>
<h3>Why did you build this plugin?</h3>
<p>There already is an <strong>official Cloudinary plugin</strong> available. But in my opinion, it’s a bit of an overkill and takes over the admin UI. This plugin aims to be:</p>
<ul>
<li><strong>Super simple</strong> and light-weight</li>
<li>Totally seamless and <strong>out of the way</strong></li>
<li>A flexible tool for <strong>WordPress developers</strong></li>
</ul>
<h3>What is Cloudinary Auto-Upload?</h3>
<p>Cloudinary gives you two options to upload files to it’s servers:</p>
<ol>
<li>The complicated <strong>Upload API</strong> 😱</li>
<li>The super easy and magical <strong>Fetch API</strong> 🎩</li>
</ol>
<h4>Upload API</h4>
<p><em>TL;DR: Too complicated and in the way</em> 👎</p>
<p>Cloudinary gives you an API, using which, you can manually upload the images to Cloudinary. So you’d need an <strong>API key</strong>, etc. The <strong>official plugin</strong> uses this method. When you upload an image to the media library, it in turn, uploads it to Cloudinary. This could be a problem if you have thousands of <strong>existing images</strong>, and might not be flexible enough to support <strong>custom architecture</strong>.</p>
<h4>Fetch API</h4>
<p><em>TL;DR: Magical</em> 👍</p>
<p>This plugin uses the super easy <strong>Auto-Upload</strong> feature in the <strong>Fetch API</strong>. We just tell Cloudinary where to find the files on our server (or on S3 or anywhere on the Internet), and it <strong>automatically downloads</strong> it from there and saves it on to it’s servers the <strong>first time you ask for it</strong>, like a CDN would!</p>
<h3>What does this plugin do?</h3>
<p>This plugin does two main things:</p>
<ol>
<li>Provides a simple function <code>cloudinary_url()</code> to get a Cloudinary auto-upload URL for any image in your media library, with all the Cloudinary transformations, so you can <strong>dynamically manipulate an image on the fly</strong>.</li>
<li>Attempts to automatically convert all image URLs on the front-end into a Cloudinary auto-upload URL, so you can <strong>use Cloudinary as an image CDN</strong>.</li>
</ol>
<h3>The magical function 🎩</h3>
<p><strong><code>cloudinary_url( $identifier, $args )</code></strong></p>
<p>This function returns a Cloudinary Auto Upload URL for an image. Please read the <a href="https://github.com/junaidbhura/auto-cloudinary/wiki/Best-Practices" rel="nofollow ugc">Best Practices</a> page before using this.</p>
<h4>Parameters</h4>
<ul>
<li><strong>identifier</strong> (integer/string)(required) : Either the ID of the attachment, or a full image URL.</li>
<li><strong>args</strong> (array)(optional) : Arguments to manipulate the image.</li>
</ul>
<h4>Return Value</h4>
<p>Returns a URL (string):</p>
<pre><code>'https://res.cloudinary.com/cloud-name/auto-mapping-folder/2017/12/your-image.jpg'
</code></pre>
<h4>Arguments</h4>
<p>You can optionally send an array of arguments which can transform the image, and set a dynamic file name. Ex:</p>
<pre><code>array(
    'transform' => array( // Optional. All transformations go here.
        'width'   => 300,
        'height'  => 200,
        'crop'    => 'fill',
        'quality' => '80',
        'gravity' => 'face',
    ),
    'file_name' => 'whatever-file-name-you-want', // Optional. If you want to use a dynamic file name for SEO. Don't use the file extension!
);
</code></pre>
<p>Here’s a <a href="https://cloudinary.com/documentation/image_transformations" rel="nofollow ugc">full list of transformations</a> you can achieve with Cloudinary.</p>
<h3>Examples</h3>
<pre><code><?php
$url_1 = cloudinary_url( 123, array(
    'transform' => array(
        'width'   => 300,
        'height'  => 200,
        'crop'    => 'fill',
        'quality' => '80',
        'gravity' => 'face',
    ),
    'file_name' => 'dynamic-file-name',
) );

$url_2 = cloudinary_url( 'https://www.yourwebsite.com/wp-content/uploads/2017/12/my-image.jpg', array(
    'transform' => array(
        'width'   => 100,
        'height'  => 100,
    ),
) );

// $url_1 : https://res.cloudinary.com/cloud-name/images/w_300,h_200,c_fill,q_80,g_face/auto-mapping-folder/2017/12/my-image/dynamic-file-name.jpg
// $url_2 : https://res.cloudinary.com/cloud-name/w_100,h_100/auto-mapping-folder/2017/12/my-image.jpg
?>

<img src="<?php echo esc_url( $url_1 ); ?>" width="300" height="200" alt="">
<img src="<?php echo esc_url( $url_2 ); ?>" width="100" height="100" alt="">
</code></pre>


Auto Cloudinary

my experience with this plugin:

1. installed
2. did the setup, which is well documented
3. works!

that is exactly how a plugin should be

Super simple Cloudinary auto-upload implementation for WordPress.

Gumlet – Image optimization with Resize, Compression, Lazy load, Caching & CDN delivery vs Auto Cloudinary