# Image Compression

{% hint style="info" %}
**Who can use this feature?**

* This feature is available for all users
  {% endhint %}

### What is Image optimizer? <a href="#what-is-image-optimization" id="what-is-image-optimization"></a>

Optimizing images auto-compresses your store's images without quality loss while optimizing SEO potential through proper alt text.

This helps your site load quickly, pleasing both Google Search and your visitors.&#x20;

Also it improves your store's visibility in search results.

<figure><img src="https://1039522840-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe2UyZIDUxUYqjZFfFANX%2Fuploads%2FRWMTYDxS5iPGRzWVEiJe%2Fimage.png?alt=media&#x26;token=ba93b023-074c-4ca1-b27f-f43b89e9b534" alt=""><figcaption></figcaption></figure>

### What you'll get after compressing

* **Faster page load times**: Reduced image file sizes mean quicker page rendering, especially on mobile
* **Better Core Web Vitals**: Directly improves Largest Contentful Paint (LCP) score
* **Higher SEO ranking**: Google uses page speed as a ranking factor — lighter images help you rank higher
* **Lower bandwidth costs**: Smaller images reduce hosting and CDN data transfer
* **Improved conversion rates**: Studies show every second of load time improvement increases conversion by up to 7%

### How to optimize images&#x20;

#### For existing images (or auto-optimize multiple images)

{% stepper %}
{% step %}

#### Open Image optimizer

Go to Image optimizer > Compression tab.
{% endstep %}

{% step %}

#### Review your settings

**Compress level**: Automatic (recommended), High, Medium, Low quality
{% endstep %}

{% step %}

#### Click Optimize now

It might take time to optimize all your store's image.&#x20;

We'll email you when it's complete. Click **Notify me** to enable notification email. (We'll send to the default email of your store)
{% endstep %}
{% endstepper %}

{% hint style="info" %}
Preview

A side-by-side comparison shows your image before and after compression:

* **Before**: Original image with file size (e.g., Original: 3.42 MB)
* **After**: Optimized image with reduced file size (e.g., Optimized: 2.79 MB)
  {% endhint %}

#### For new images (or manually optimize images)

{% stepper %}
{% step %}

#### Open Image optimizer

Click Optimize manually to open the Image manager
{% endstep %}

{% step %}

#### Select images you want to optimize

{% endstep %}

{% step %}

#### Choose an action

* **Compress**: Compress image size
* **Revert**: Revert image to its original version
  {% endstep %}
  {% endstepper %}

### Report <a href="#report" id="report"></a>

The **Report** shows you the real impact of image optimization on your store:

<figure><img src="https://1039522840-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe2UyZIDUxUYqjZFfFANX%2Fuploads%2FnPhaTbbUNt4uz0P6RMUl%2Fimage.png?alt=media&#x26;token=c189c123-7ae2-429f-a119-9e6336dbd50a" alt=""><figcaption></figcaption></figure>

| Metric            | Description                           |
| ----------------- | ------------------------------------- |
| Total compression | Total number of images compressed     |
| Saving            | Total file size saved (e.g., 1.32 MB) |

#### History <a href="#history" id="history"></a>

Click **History** (top right) to view the full compression history — see when images were compressed, how much was saved, and revert if needed.
