About Auto Cloudinary

Description

Check out the Github Repository ♥ This plugin provides a super simple Cloudinary auto-upload implementation for WordPress. It is inspired by Photon and Tachyon. Cloudinary will automatically fetch and serve the images from your media library like a CDN, without you having to worry about the complicated upload API! Just set up auto-upload in your Cloudinary settings, enter the details....

Check out the Github Repository ♥

This plugin provides a super simple Cloudinary auto-upload implementation for WordPress.

It is inspired by Photon and Tachyon.

Cloudinary will automatically fetch and serve the images from your media library like a CDN, without you having to worry about the complicated upload API! Just set up auto-upload in your Cloudinary settings, enter the details in the plugin’s options, and you’re all set!

Easy peasy ?

Important

This plugin is incompatible with the official Cloudinary plugin. You’d need to disable that plugin before using this one.

Quick Links

Setup | Issues | Functions | Filters | Best Practices

Why did you build this plugin?

There already is an official Cloudinary plugin available. But in my opinion, it’s a bit of an overkill and takes over the admin UI. This plugin aims to be:

Super simple and light-weight
Totally seamless and out of the way
A flexible tool for WordPress developers

What is Cloudinary Auto-Upload?

Cloudinary gives you two options to upload files to it’s servers:

The complicated Upload API ?
The super easy and magical Fetch API ?

Upload API

TL;DR: Too complicated and in the way ?

Cloudinary gives you an API, using which, you can manually upload the images to Cloudinary. So you’d need an API key, etc. The official plugin 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 existing images, and might not be flexible enough to support custom architecture.

Fetch API

TL;DR: Magical ?

This plugin uses the super easy Auto-Upload feature in the Fetch API. We just tell Cloudinary where to find the files on our server (or on S3 or anywhere on the Internet), and it automatically downloads it from there and saves it on to it’s servers the first time you ask for it, like a CDN would!

What does this plugin do?

This plugin does two main things:

Provides a simple function cloudinary_url() to get a Cloudinary auto-upload URL for any image in your media library, with all the Cloudinary transformations, so you can dynamically manipulate an image on the fly.
Attempts to automatically convert all image URLs on the front-end into a Cloudinary auto-upload URL, so you can use Cloudinary as an image CDN.

The magical function ?

cloudinary_url( $identifier, $args )

This function returns a Cloudinary Auto Upload URL for an image. Please read the Best Practices page before using this.

Parameters

identifier (integer/string)(required) : Either the ID of the attachment, or a full image URL.
args (array)(optional) : Arguments to manipulate the image.

Return Value

Returns a URL (string):

'https://res.cloudinary.com/cloud-name/auto-mapping-folder/2017/12/your-image.jpg'

Arguments

You can optionally send an array of arguments which can transform the image, and set a dynamic file name. Ex:

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!
);

Here’s a full list of transformations you can achieve with Cloudinary.

Examples

 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
?>

Performance

Memory Usage

Average memory usage is 5.49 KB
This is less than 99% plugins

Page Speed

Average page loading time is increased by 0.05 s
This is faster than 99% plugins

Speed Test Benchmark Learn more how we collect the data

Before plugin activation
After plugin activation

Benchmark

Change

Average Change

- 0.05s

/(front page)

- 0.06s

/wp-admin/edit-comments.php

- 0s

/wp-admin/edit-tags.php?taxonomy=category

+ 0.12s

/wp-admin/edit.php

+ 0.03s

/wp-admin/index.php

+ 0.01s

/wp-admin/media-new.php

- 0.07s

/wp-admin/options-discussion.php

- 0.01s

/wp-admin/options-writing.php

- 0.01s

/wp-admin/post-new.php

+ 0.05s

/wp-admin/post-new.php?post_type=page

- 0.34s

/wp-admin/upload.php

- 0.21s

MoreLess

Memory Usage Benchmark Learn more how we collect the data

Before plugin activation
After plugin activation

Benchmark

Change

Average Change

+ 5.49KB

/ (front page)

+ 0.81KB

/wp-admin/edit-comments.php

+ 0.59KB

/wp-admin/edit-tags.php?taxonomy=category

+ 0.73KB

/wp-admin/edit.php

+ 1.23KB

/wp-admin/index.php

+ 1.23KB

/wp-admin/media-new.php

+ 0.61KB

/wp-admin/options-discussion.php

+ 0.65KB

/wp-admin/options-writing.php

- 3.41KB

/wp-admin/post-new.php

+ 2.78KB

/wp-admin/post-new.php?post_type=page

+ 1.73KB

/wp-admin/upload.php

+ 0.59KB

MoreLess

User Rating of Auto Cloudinary from WP Hive Users

Overall Quality

Measures the overall quality

Ease of Use

How easy it is to use?

Quality of Support

Satisfied or not?

Value for Money

Is it good bang for the buck?

Auto Cloudinary

Version : 1.3.0

Want to write review?

The plugin have some issues.

13K

300

5 years

0.0%

1

13

00

00

About Auto Cloudinary

Description

Important

Quick Links

Why did you build this plugin?

What is Cloudinary Auto-Upload?

Upload API

Fetch API

What does this plugin do?

The magical function ?

Parameters

Return Value

Arguments

Examples

Performance

Memory Usage

Page Speed

<img decoding="async" width="67" height="67" loading="lazy" src="https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_67,h_67/https://wphive.com/wp-content/themes/twenty20-child/assets/images/pluginReport/speed-test-bm.png" alt=""> Speed Test Benchmark Learn more how we collect the data

Pages

Benchmark

Change

Pages

Benchmark

Change

User Rating of Auto Cloudinary from WP Hive Users

Overall Quality

Ease of Use

Quality of Support

Value for Money

Features

<img decoding="async" width="81" height="81" loading="lazy" src="https://wphive.com/wp-content/themes/twenty20-child/assets/images/pluginReport/stats-image.svg" alt="Stats"> Stats

Download Statistics

Plugin Version Usage

<img decoding="async" width="53" height="53" loading="lazy" src="https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img,w_53,h_53/https://wphive.com/wp-content/themes/twenty20-child/assets/images/pluginReport/more-icon.png" alt="Stats"> More

Database Tables

WP-Options

Errors

Frequently Updated

Show Off Your Plugin

PHP 7.4.8

WP 5.7.2

Love using this plugin?

Ratings & Reviews

Like what you see?

Social Reviews and Recommendations Widgets Review Write a Review

Are you an author of this plugin?

Stina Gunnarsdottir

Overall

Easy of Use

Features

Quality of Support

Value for Money

Changelog

Speed Test Benchmark Learn more how we collect the data

Stats

More

Are you an author
of this plugin?