Cloudimage - Documentation

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.

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/v7/{{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/v7/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

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.