Accounts created before Nov. 1st, 2021

Accounts created before November 1, 2021 have to include /v7/ in the path, like shown below.

//token.cloudimg.io/v7/original_image_url?operations&filters

Accounts created on or after November 1, 2021 do not require /v7/ and documentation have been updated accordingly.
To verify the type of configuration on your Cloudimage account, log in to your Cloudimage admin panel and look at the syntax provided on the Welcome page.

[NOTE] If you are an existing Cloudimage customer and wish to be able to remove the v7 from your URL syntax, please contact our support.

Implementing Cloudimage with Magento 2

This simple and fast implementation in Magento 2 leverages JPEG optimisation, WebP compression and CDN delivery of your images. Contact us if you want to use Cloudimage at its full extend and also resize, watermark, transform and leverage responsive images on your Magento shop.

Magento plugin NEW

The easiest way to use Cloudimage with Magento is our plugin which is on the Magento Marketplace:Magento plugin on the Marketplace

It is also available as a standalone version on GitHub:Magento plugin on GitHub

Manual implementation

If you prefer to implement Cloudimage manually or you cannot use the plugin, you may follow the steps in this tutorial.

Step 1 - Create an account if you have not registered already.

You can create an account on the Cloudimage registration page.

Step 2 - Log in to your Magento 2 website admin

Step 3 - On the Admin sidebar, go to Stores > Settings > Configuration.

Step 4 - From the left panel under General, choose Web.

Step 5 - Configure Base URLs

It is important to set this prefix in both - Base URL for User Media Files and Secure Base URL for User Media Files.

In Base URL for User Media Files in Base URLs and Base URLs (Secure) add the following value, replacing your token: https://<token>.cloudimg.io/{{secure_base_url}}pub/media/

For example, if your website is https://sfxmagento.site, and your token is demo, the final URL address should be: https://demo.cloudimg.io/https://sfxmagento.site/pub/media/

You can also use your own domain instead of {token}.cloudmg.io via CNAME records. Please contact us and an engineer will help setting it up.

Step 6 - When complete, click Save Config.

Step 7 - Flush the cache of Magento

On the Admin sidebar, go to System > Tools > Cache Management and Flush the cache of Magento.

Magento’s cache management system is an easy way to improve the performance of your site. Whenever a cache needs to be refreshed, a notice appears at the top of the workspace to guide you through the process. Find additional information and tips in this Magento tutorial for cache management.

Step 8 - Verify your HTML page source

Please ensure that you are properly delivering static content via the CDN.

Step 9 - You can modify your template to resize your images with us

Was this page helpful?