> ## Documentation Index
> Fetch the complete documentation index at: https://docs.reelevant.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Composant Image

> Ajoutez des images à vos templates de contenu depuis des téléversements, des URLs ou des variables de Datasource

<img src="https://mintcdn.com/reelevant/10tXeCE_biVlzX8s/images/contents/component-image-v2.png?fit=max&auto=format&n=10tXeCE_biVlzX8s&q=85&s=48119617760c5eeb3f2c4a4ad9d57ab6" alt="Composant Image sélectionné sur le canvas avec le panneau de configuration" width="1280" height="800" data-path="images/contents/component-image-v2.png" />

## Présentation

Le composant Image affiche des images statiques ou dynamiques dans votre template de Content. Les images peuvent provenir d'un téléversement direct, d'une URL collée ou d'une variable de [Datasource](/fr/product-guide/contents/data-binding) qui se résout en URL d'image au moment du rendu.

| Propriété                           | Valeur               |
| ----------------------------------- | -------------------- |
| **Bouton de la barre d'outils**     | Images               |
| **Prend en charge le Data binding** | Oui — URL de l'image |
| **Prend en charge les Conditions**  | Oui                  |

## Paramètres de l'Image

| Propriété    | Description                                                                            |
| ------------ | -------------------------------------------------------------------------------------- |
| **Image**    | Téléversez un fichier image (PNG, JPG, GIF) ou configurez une URL.                     |
| **Variable** | Liez l'URL de l'image à une variable de Datasource à l'aide du sélecteur de variables. |

<Info>
  Seuls les formats PNG, JPG et GIF sont pris en charge pour le téléversement d'images.
</Info>

## Configuration

| Propriété               | Description                                                                      |
| ----------------------- | -------------------------------------------------------------------------------- |
| **Position**            | Coordonnées X et Y sur le canvas.                                                |
| **Taille**              | Largeur et hauteur avec un bouton optionnel **Conserver le ratio d'aspect**.     |
| **Rotation**            | Angle de rotation en degrés.                                                     |
| **Lien de redirection** | URL vers laquelle les utilisateurs sont dirigés lorsqu'ils cliquent sur l'image. |