# Optimize images

How can I prevent my images from being compressed when uploading with the Navi+ tool?

#### I. Why smaller image sizes are better for SEO and user experience?

Using smaller image sizes helps your website load faster. Search engines like Google consider page speed an important ranking factor, so optimized images can improve your SEO.

Faster loading also makes the website smoother and more enjoyable for visitors, especially on mobile devices or slower connections. This means users are more likely to stay on your site and continue exploring your products.

#### II. How does Navi+ process your images?

Navi+ first uploads your image in its original size. Then it compresses the image with an optimized algorithm and reduces the display size. This size is carefully chosen by Navi+ to be ideal for both user experience and SEO, since images in menus are usually thumbnails or icons that need to be small and load quickly.

**Note:** For small images like logos or icons, Navi+ does not compress them to preserve sharpness.

After that, Navi+ stores your image on BunnyCDN — a powerful content delivery network (CDN) for images, JavaScript, CSS, and more. BunnyCDN provides extremely fast loading speeds through its global server network. This ensures your website can handle millions of visits without slowing down or causing delays.

#### III. What should I do if I want to keep my images at their original quality?

In some special cases, you may want Navi+ not to modify your image quality—otherwise, the compression could reduce the quality you expect, for example, some important product images. In this case, you need to upload the image directly to Shopify and provide the link to Navi+ to keep the original quality.

**Step 1: Prepare your image (manual process)**\
Prepare your image as desired and rename it for SEO optimization. (Navi+ will only rename images for SEO if uploaded through the Navi+ tool.)\
You should also compress the image to a reasonable size—ideally a few hundred KB. You can use Shopify’s Image Resizer here: <https://www.shopify.com/tools/image-resizer>.

**Step 2: Upload to Shopify**\
Right-click on the menu **Content**, select **Open link in new Tab**, then go to **Files**. Drag and drop the image prepared in Step 1. Once uploaded, find your file in the list and click the link icon to copy its URL. This URL will be used in Navi+ for uploading the image.

<figure><img src="/files/7GDtSU2of0oTdCjfdAlL" alt=""><figcaption></figcaption></figure>

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

**Step 3: Use the image URL in Navi+**\
Paste the URL obtained from Step 2 into Navi+ using the **Upload Image** tool.

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


---

# 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://help.shopifas.com/manual/website/help.naviplus.io/frequently-asked-questions/optimize-speeds-images-and-ux/optimize-images.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.
