Cloudinary automatically optimizes your website images and efficiently delivers them via multiple CDNs. Using Cloudinary will improve the site's efficiency and user experience by reducing page load times. Everything is available inside the plugin, from media upload to image optimization, video transcoding and manipulation, and distribution via global CDNs.
In this tutorial, we will be using the free plan, this includes generous usage limits available without any time limit.
How To Set Up Cloudinary On Your WordPress Site
Log in to WordPress Dashboard. Go to Plugins > Add New and search for the Cloudinary plugin and then click the Install Now button, then the Activate button.
After you've activated it, you'll notice a new Cloudinary menu item in your sidebar. Click on it and it will take you to the plugin dashboard.
You will need to sign up for a free Cloudinary account before proceeding.
After creating your Cloudinary account:
Open your Cloudinary Dashboard
At the top of the dashboard you will find the Account Details section
Copy the API Environment variable
From the plugin dashboard click the Connect hyperlink to proceed.
Paste the Cloudinary API key (from step 2) into the Connection string field and press submit.
You should now receive a successful Connected to Cloudinary message and two further menu items will appear in the Cloudinary menu, Media Settings, and System Report.
Cloudinary will automatically optimize any new photos you upload, but since you most likely already have images on your site, you'll want to go to Cloudinary > Media Settings and press the Sync Now button.
Once the Sync is complete, your assets will serve from Cloudinary, do a Full Publish to your static site.
That’s it! 🎉
For further information about the Cloudinary WordPress plugin, you can see the full documentation here.