# Image Optimization

Probably the easiest-to-understand example of this line of thinking pertains to images such as logos or photos. According to various online resources the average LTE connection speed today is 20-30 Mbps. Let's go with that lower number just to be safe. This means that an uncompressed 1 MB image will require 0.4 seconds to download. That may not sound like much, but what if your app included an image gallery consisting of 10 images, all of which were 1 MB in size? That's right your user will wait a whopping four seconds for those images to download.

Adalo uses a service called Imgix to display images uploaded from collections. This allows for the use of parameters when displaying the image using the URL option as shown below:

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FS6TVZanC1HbQceEOxpTb%2FScreenshot%202025-01-09%20at%209.27.10%E2%80%AFAM.png?alt=media&#x26;token=0de34dcf-fb1f-4dec-9001-6674893b2a45" alt="" width="375"><figcaption></figcaption></figure>

Using the [Imgix API Documentation ](https://docs.imgix.com/en-US/apis/rendering/overview)you can add these parameters to the end of the URL and make adjustments to the image. Using the parameter for [output quality](https://docs.imgix.com/en-US/apis/rendering/format/output-quality) "q" can make a big difference regarding the file size.  \
\
Here are example image taken with an iPhone 16 Pro.\
[Without Parameters](https://adalo-uploads.imgix.net/89b60d16f864d2dee947e2363340be314eb6c40a27787405fd5411b5d73e2f22.jpg) -  6.7 MB\
[With ?q=30](https://adalo-uploads.imgix.net/89b60d16f864d2dee947e2363340be314eb6c40a27787405fd5411b5d73e2f22.jpg?q=30) - 2.1 MB

Here is how it would look in the Builder:&#x20;

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2F3DHuLdBsWhFvx0XopmEc%2FScreenshot%202025-01-09%20at%209.39.37%E2%80%AFAM.png?alt=media&#x26;token=f57912fd-aade-41e9-b155-0d6a256445e5" alt="" width="375"><figcaption></figcaption></figure>

You can also use image compression software or service like <https://compressor.io/> to compress these images before adding them to your app, reducing their size from 1MB to 40 kB? That's right, those same ten images would now require just 0.16 seconds to download!

{% hint style="info" %}
You can use an online tool such as <https://www.omnicalculator.com/other/download-time> to estimate file download times based on different file sizes and connection speeds.
{% endhint %}

<https://compressor.io/> is but one of many free online services capable of efficiently compressing images on your behalf. And if you are reluctant to upload your images to such a service, keep in mind that even simplistic graphic editing software such as MacOS Preview offers compression capabilities.


---

# 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.adalo.com/performance/optimize-app-performance/image-optimization.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.