# Image

{% embed url="<https://youtu.be/n0Mqp0ZYsvM>" %}

Votre logo, une actualité, les photos des nouveaux arrivants ou d'un événement en particulier... Une image vaut mille mots et peut se montrer pertinente pour communiquer et **personnaliser vos espaces de travail** à votre image.

**1 -** Dans **Composants**, on sélectionne l'élément **Image** que l'on vient glisser-déposer le container vide.

**2 -** On ajoute la photo de notre choix et on choisit la taille de l'image :

* **Couverture :** un format étiré qui prend toute la largeur du container ;
* **Contenir :** l'image apparaît dans sa taille normale. On décide ensuite de **sa position dans le bloc**. Au choix : au centre, en haut, en bas, à gauche, ou à droite.

**3 -** On renseigne les champs les champs **Titre** (un texte principal en gras) puis **Description**, afin d'ajouter un commentaire à la photo.

En fonction du thème choisi pour la page, on choisit si l'on souhaite que le texte apparaisse **en blanc ou en noir**.

**4 -** On enregistre et on va voir le rendu final côté utilisateur. Notre photo, le titre et la description apparaissent. À vous, maintenant, de partager toutes les images de votre choix pour illustrer la vie de votre organisation.


---

# 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://doc.kis.work/documentation/composants/image.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.
