> ## 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).

# 🖼️ Variable image

Lien de l'exemple: https://creator.celestory.io/project/AKyvPs656

Les variables image sont des variables qui permettent de stocker des images. Vous pouvez stocker une image en tant que fichier de projet ou d'URL (lien direct).

Pour créer une variable image, rendez-vous dans le **menu principal** (bouton bleu en haut à gauche) puis dans **Variables**

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

Ensuite, cliquez sur **Ajouter une variable**

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

Dans le menu déroulant **Type de la variable**, choisissez Image puis rentrez le nom désiré et appuyez sur **Ajouter**

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

Ici, vous pouvez choisir quelle image stocker dans votre variable en cliquant sur **Choisir une image** pour un fichier de projet et un utilisant le champ **Url** pour indiquer un lien direct vers une image

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

Pour l'exemple, nous ajoutons un URL d'une image, ici, le logo de Celestory.

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

Après avoir crée un menu qui a notre variable image comme élément de layout (comme dans le projet exemple), on appuie sur le **Bouton Jouer**
On peut alors voir que l'image s'affiche.

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

Vous pouvez également assigner un URL depuis le graphe comme fait dans le projet exemple

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

Vous savez maintenant utiliser les variables image.