> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://documentation.celestory.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🖼️ Image variable

Link to the example: https://creator.celestory.io/project/AKyvPs656

Image variables are variables that allow you to store images. You can store an image as a project file or as a URL (direct link).

To create an image variable, go to the **main menu** (blue button at the top left) and then to **Variables**

![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-123012-celestory-cr_ae5bkl.png)

Then click on **Add a variable** !

![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-122559-celestory-cr_1j01q2y.png)

In the **Variable Type** drop-down menu, choose Image then enter the desired name and press **Add** !

![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-122630-celestory-cr_tm0900.png)

Here you can choose which image to store in your variable by clicking on **Choose Image** for a project file and using the **Url** field to indicate a direct link to an image

![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-122658-greenshot_2mfmlw.png)

For the example, we add a URL of an image, in this case, the Celestory logo.

![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/2021-05-31-140513-celestory-cr_tn88wz.png)

After creating a menu that has our image variable as a layout element (like in the example project), we press the **Play Button**.
We can then see that the image is displayed.

![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/play-url_1w8tkqq.png)

You can also assign a URL from the graph as shown in the example project

![](https://storage.crisp.chat/users/helpdesk/website/d46a92e92b2b3800/screen-assignation_1rbsitj.png)

Now you know how to use image variables.