# Basic implementation

This simple and fast implementation in Magento 2 enables JPEG optimization, WebP compression and CDN delivery of your images.

## Prerequisites <a href="#od_d63bc98a" id="od_d63bc98a"></a>

To use the plugin, you need to have a Cloudimage account. You can create one on the [Cloudimage registration page](https://www.cloudimage.io/registration).\ <br>

<figure><img src="/files/CDirQ1yZt5sITHn7hAKf" alt=""><figcaption></figcaption></figure>

## Step 1. Login to Magento <a href="#od_6b1db122" id="od_6b1db122"></a>

First, you need to log in to your Magento 2 website admin

<figure><img src="/files/yltjkya80Qg4Hhlo4wia" alt=""><figcaption></figcaption></figure>

## Step 2. Configure the plugin <a href="#od_410d6e5f" id="od_410d6e5f"></a>

On the *Admin* sidebar, go to *Stores* > *Settings* > *Configuration*.

<figure><img src="/files/k8z9csPYJ9ZxNhSAJ7dk" alt=""><figcaption></figcaption></figure>

Navigate to the settings page - from the left panel, in the *General* group, choose *Web*.

<figure><img src="/files/zixu2PUmcleEZm8OkQQL" alt=""><figcaption></figcaption></figure>

Then, you need to set up the 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/`

<figure><img src="/files/UltldwcZamYrM8dIojTM" alt=""><figcaption></figcaption></figure>

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](https://www.cloudimage.io/contact-us) and an engineer will help setting it up.

When complete, do not forget to click *Save Config*.

## Step 3. Flush the cache of Magento <a href="#od_2dab3d6f" id="od_2dab3d6f"></a>

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

<figure><img src="/files/cGDxC3FkHqPxTz6DOwi3" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/Wcl4vgLvG4SUqWVqYcmR" alt=""><figcaption></figcaption></figure>

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](https://docs.magento.com/m2/ce/user_guide/system/cache-management.html).

## Verify your HTML page source <a href="#od_5e70eebd" id="od_5e70eebd"></a>

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

<figure><img src="/files/CvvsfME2FDqYAR0VazTJ" alt=""><figcaption></figcaption></figure>

You can now modify your template to resize your images with us.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cloudimage.io/implementation/cms-plugins/magento/basic-implementation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.