---
title: Image
description: "Le composant image permet d'afficher une image dans le tableau de bord. L'origine de ces images peut être le dossier \"./Web/Data/Images\" du serveur ou une URL vers une image du web. Si vous liez l'image à une datasource, il sera…"
url: "https://wiki.biboard.fr/wiki/image/"
updated: "2025-06-06"
category: Guide utilisateur / Studio / Tableaux de bord / Web
---

# Image

Le composant image permet d'afficher une image dans le tableau de bord.

L'origine de ces images peut être le dossier "./Web/Data/Images" du serveur ou une URL vers une image du web.
Si vous liez l'image à une datasource, il sera possible d'utiliser un de ses champs pour le nom de l'image et un autre pour le lien hypertexte.

![](https://wiki.biboard.fr/wp-content/uploads/2024/08/V18__Web-Image-Exemple_01.png)

## Connectivité

Le composant Image peut être cible d'un lien de filtrage.

## Propriétés simples

#### Nom / Infobulle / Visibilité / Rafraîchissement auto

```
Pour plus d'informations voir Propriétés simples
```

#### Conserver le ratio

```
Conserve le ratio largeur/hauteur lors du redimensionnement de l'image pour qu'elle tienne dans la taille du composant.
```

### Sans datasource

![](https://wiki.biboard.fr/wp-content/uploads/2024/05/ImageSimplePropertyNoHub.png)

## Url

```
Adresse Web de l'image ou nom de l'image contenue dans le dossier du serveur BiBOARD "./Web/Data/Images".
```

## Lien

```
Permet de spécifier un lien vers une page. Exemple: http://www.biboard.fr, cette page sera ouverte dans le navigateur après un clic sur celle-ci.
```

### Avec datasource

Si la datasource contient plusieurs lignes de données, c'est la 1ère qui sera utilisée.

![](https://wiki.biboard.fr/wp-content/uploads/2024/05/ImageSimplePropertyHub-1-1024x613.png)

### Valeur de référence

```
Nom du champ du hub qui contient une adresse Web d'image ou un nom d'image contenue dans le dossier du serveur BiBOARD "./Web/Data/Images".
```

### Lien

```
Nom du champ du hub qui contient un lien vers une page. Il est possible également de donner directement une adresse web à la place du nom de champ.
```