---
schema_version: "1"
id: a96a52bce48e5d952254c92b0644747bad8e5a6b8ac47ffe604a41169e43da65
title: Ajouter des images Web aux feuilles de calcul de manière dynamique
collection: tableau
version: next
locale: fr-fr
portal_url: https://docs.salesforce.com/tableau/next/fr-fr/server/image_role.md
canonical_url: https://help.tableau.com/v0.0/server/fr-fr/image_role.htm
source_site: help.tableau.com
content_type: documentation
content_hash: 5d55122d498001b387c5b5fd6afc17b8dc83f7563eb510ef565f87857be099d6
description: Assign an image role to URL fields to add web images dynamically to worksheets.
---
[Passer au contenu principal](#main-content)

# Ajouter des images Web aux feuilles de calcul de manière dynamique

Chez Tableau, nous savons que les images sont un outil puissant pour l’analyse des données. Imaginez que vous regardiez une visualisation des ventes mensuelles de chaussures. Les données vous indiquent que vous avez vendu plus de chaussures à talons hauts qu’à talons compensés, mais vous avez du mal à vous représenter la différence entre les deux types de chaussures. C’est là qu’intervient le rôle d’image. Vous pouvez ajouter des images Web à vos feuilles de calcul de manière dynamique et les utiliser dans vos en-têtes pour ajouter des détails visuels.  
  
![Visualisation contenant des images de chaussures ainsi que le type de chaussures et les ventes](/tableau/next/fr-fr/server/fr-fr/Img/imagerole_1.png)  

## Préparation de votre source de données

Le rôle d’image peut être attribué à des champs de dimensions discrètes contenant des URL qui pointent vers des images Web. Pour préparer vos données, assurez-vous que vos champs d’image répondent aux exigences définies par Tableau pour l’attribution d’un rôle d’image :

- Vérifiez que vos URL accèdent aux fichiers image .png, .jpeg, .jpg, .svg, .webp, .jfif, .ico ou .gif.
- Vérifiez que chaque URL commence par http ou https. Si aucun protocole de transport n’est inclus, Tableau suppose https.
- Optimisez le nombre d’images utilisées dans votre ensemble de données. Vous pouvez généralement charger jusqu’à 500 images par champ.
- Assurez-vous que chaque fichier image est d’une taille inférieure à 200 Ko.

**Remarque :** si vous utilisez Tableau 23.1 ou antérieur, vos URL doivent accéder aux fichiers image avec les extensions de fichier .jpg, .jpeg ou .png.  
  
Dans Tableau 23.2 et versions ultérieures, les fichiers .gif sont pris en charge, mais les **animations** .gif s’affichent uniquement sur Tableau Cloud et Tableau Server avec un rendu côté client. Dans Tableau Desktop et Tableau Server avec un rendu côté serveur, le fichier .gif s’affichera sous forme d’image statique.  
  
Selon la complexité de votre visualisation, Tableau peut utiliser par défaut un rendu côté serveur, ce qui limite le nombre d’images à 100 par champ. Pour en savoir plus sur les paramètres de complexité et le rendu côté serveur, consultez [Configurer le rendu côté client](https://help.tableau.com/current/server/fr-fr/browser_rendering.htm).

### Exemples d’ensemble de données :

<table style="mc-table-style: url('Resources/TableStyles/Basic-Border.css');" class="TableStyle-Basic-Border" cellspacing="0"><colgroup><col class="TableStyle-Basic-Border-Column-Column1"><col class="TableStyle-Basic-Border-Column-Column1"><col class="TableStyle-Basic-Border-Column-Column1" style="width: -1788px;"></colgroup><tbody><tr class="TableStyle-Basic-Border-Body-Body1"><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">Nom du produit</td><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">URL de l’image du produit</td><td class="TableStyle-Basic-Border-BodyD-Column1-Body1">Ventes de produits</td></tr><tr class="TableStyle-Basic-Border-Body-Body1"><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">Appartements</td><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">https://img.example.com/flats.png</td><td class="TableStyle-Basic-Border-BodyD-Column1-Body1">12&nbsp;118</td></tr><tr class="TableStyle-Basic-Border-Body-Body1"><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">Chaussures à talons hauts</td><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">https://img.example.com/highheels.png</td><td class="TableStyle-Basic-Border-BodyD-Column1-Body1">15&nbsp;865</td></tr><tr class="TableStyle-Basic-Border-Body-Body1"><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">Chaussures de course</td><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">https://img.example.com/runningshoes.png</td><td class="TableStyle-Basic-Border-BodyD-Column1-Body1">14&nbsp;200</td></tr><tr class="TableStyle-Basic-Border-Body-Body1"><td class="TableStyle-Basic-Border-BodyB-Column1-Body1">Chaussures à semelles compensées</td><td class="TableStyle-Basic-Border-BodyB-Column1-Body1">https://img.example.com/wedges.png</td><td class="TableStyle-Basic-Border-BodyA-Column1-Body1">8&nbsp;665</td></tr></tbody></table>

## Attribution d’un rôle d’image à une URL

Une fois que vous êtes connecté à votre source de données, vous pouvez attribuer un rôle d’image à vos URL depuis le volet Source de données ou le volet Données d’une feuille de calcul.

### Depuis le volet Source de données :

1. Localisez la colonne contenant des URL d’image.
2. Faites un clic droit (Ctrl+clic sur Mac) sur l’icône en haut à gauche de la colonne et sélectionnez Rôle d’image > URL.  
    L’icône se transforme en icône d’image et vos images sont prêtes à être utilisées.  
      
    ![Option de source de données pour attribuer un rôle d’image aux URL](/tableau/next/fr-fr/server/fr-fr/Img/imagerole_3.png)

### Depuis une feuille de calcul :

1. Ouvrez une nouvelle feuille de calcul.
2. Localisez un champ de dimension discrète contenant des URL d’image.
3. Faites un clic droit (Ctrl+clic sur un Mac) sur le champ de dimension et sélectionnez Rôle d’image > URL.  
    L’icône se transforme en icône d’image et vos images sont prêtes à être utilisées.  
      
    ![Option du volet de données pour attribuer un rôle d’image aux données](/tableau/next/fr-fr/server/fr-fr/Img/imagerole_2.png)

## Ajout d’images à vos visualisations

Depuis votre feuille de calcul, faites glisser le champ Rôle d’image sur l’étagère Lignes ou Colonnes. Vous pouvez maintenant voir des images avec leurs données associées sur votre visualisation.  
  
![Créez un rôle d’image dans le volet Données.](/tableau/next/fr-fr/server/fr-fr/Img/imagerole_addtoviz2.gif)

## Partage de vos visualisations

Vous pouvez exporter vos classeurs avec des images et les partager. Assurez-vous que les images utilisées dans vos visualisations peuvent être consultées par toutes les personnes avec lesquelles vous partagez vos visualisations. Par exemple, si vous utilisez des images hébergées sur un serveur interne derrière un pare-feu, assurez-vous que les personnes avec lesquelles vous partagez la visualisation disposent d’autorisations suffisantes pour accéder aux images. Dans cet exemple, les utilisateurs qui consultent la visualisation alors qu’ils sont connectés au même serveur ne devraient pas avoir de problèmes pour voir les images. En revanche, il se peut que les utilisateurs exportant la visualisation au format pdf sur un serveur Tableau Cloud ne voient pas les images.

Si vous exportez votre classeur et que votre observateur tente de l’ouvrir dans Tableau 2022.3 ou version antérieure, il ne pourra pas voir les images.

**Remarque :** il est recommandé de toujours aligner un champ Rôle d’image avec une description textuelle afin de rendre le contenu accessible aux lecteurs d’écran et autres logiciels d’accessibilité.

## Résolution des problèmes de connexion aux images

Il arrive que les images ne s’affichent pas dans les cas suivants : si vous dépassez le nombre d’images autorisé par champ, si vous avez des fichiers image volumineux dans une visualisation complexe ou si vous consultez la visualisation sur un appareil mobile. Cette section vous aide à résoudre ces erreurs.

### Aucune des images ne s’affiche dans ma visualisation

La visualisation contient trop d’images

Selon la complexité de votre visualisation, vous pouvez généralement charger 500 images par champ. Si vous avez une visualisation complexe, il se peut qu’elle utilise par défaut le rendu côté serveur. Avec le rendu côté serveur, vous pouvez charger 100 images par champ.

Si vous obtenez un message d’erreur indiquant qu’il y a trop d’images dans la visualisation, filtrez les images et réessayez.

Tableau n’a pas pu accéder aux images

Si vous recevez des icônes d’images rompues au lieu de vos images, vérifiez d’abord que vous disposez des autorisations suffisantes pour afficher les images (ou si, par exemple, elles se trouvent derrière un pare-feu). Tableau doit pouvoir accéder aux images, et l’affichage des images ne peut pas nécessiter une authentification distincte.

Si vous êtes sûr d’être autorisé à afficher les images et qu’elles respectent les exigences de taille, vérifiez que les images Web sont activées dans votre page de paramètres.

Dans Tableau Desktop :

1. Dans votre classeur, cliquez sur Aide dans la barre d’outils.
2. Choisissez Paramètres et Performances > Définir la sécurité des vues Web du tableau de bord.
3. Assurez-vous que l’option Activer les objets Pages Web et les images Web est cochée.

Dans Tableau Cloud :

1. Dans la page d’accueil, cliquez sur Paramètres.
2. Sous Général, faites défiler vers le bas et localisez Objets Pages Web et images Web.
3. Assurez-vous que l’option Activer les objets Pages Web et les images Web est cochée.

### Certaines images ne s’affichent pas dans ma visualisation

Le fichier image est trop volumineux

Pour que le rendu fonctionne, chaque fichier image doit avoir une taille inférieure à 200 Ko. Vérifiez la taille de votre fichier image et réessayez.

Vous utilisez une version antérieure de Tableau

Si vous utilisez Tableau 23.1 ou une version antérieure, seuls les fichiers image .png, .jpeg et .jpg sont pris en charge. Mettez à niveau votre version de Tableau ou utilisez un type de fichier pris en charge pour votre version de Tableau.

L’URL de l’image doit commencer par http ou https

Chaque URL d’image doit commencer par http ou https. Tableau ne prend actuellement pas en charge les appels FTP/SMTP. Vérifiez le format de votre URL et réessayez.

Le fichier d’image doit être une clé URL

Un rôle d’image peut être attribué uniquement aux URL qui accèdent à des fichiers image .png, .jpeg ou .jpg, .svg, .webp, .jfif, .ico, .bmp ou .gif. Vérifiez le format de votre URL et réessayez.

Le type de fichier image n’est pas pris en charge

Un rôle d’image peut être attribué uniquement aux URL qui accèdent à des fichiers image .png, .jpeg ou .jpg, .svg, .webp, .jfif, .ico, .bmp ou .gif. Vérifiez le format de votre URL et réessayez.

Si vous utilisez Tableau 23.1 ou une version antérieure, seuls les fichiers image .png, .jpeg et .jpg sont pris en charge. Mettez à niveau votre version de Tableau ou utilisez un type de fichier pris en charge pour votre version de Tableau.  
Dans Tableau 23.2 et versions ultérieures, les fichiers .gif sont pris en charge, mais les **animations** .gif s’affichent uniquement sur Tableau Cloud et Tableau Server avec un rendu côté client. Dans Tableau Desktop et Tableau Server avec un rendu côté serveur, le fichier .gif s’affichera sous forme d’image statique.  

Le fichier image contient des caractères incorrects

Un rôle d’image ne peut pas être attribué aux URL contenant les caractères suivants :

< > & \\ ^ '

ou les séquences de caractères suivantes :

.. \\\\. \\r \\n \\t

Vérifiez que votre URL ne contient pas ces caractères ou séquences de caractères et réessayez.

### Les images ne s’affichent pas en dehors de ma feuille de calcul

Les images ne s’affichent pas dans une visualisation dans une infobulle

Une visualisation dans une infobulle est traitée avec un rendu côté serveur, ce qui vous permet de charger jusqu’à 100 images par champ. Vérifiez que vous avez moins de 100 images par champ et réessayez.

Pour plus d’informations sur le rendu côté serveur et côté client, consultez [Configurer le rendu côté client](https://help.tableau.com/current/server/fr-fr/browser_rendering.htm).

Pour plus d’informations sur une visualisation dans une infobulle, consultez [Créer des vues dans des infobulles (Visualisation dans une infobulle)](https://help.tableau.com/current/pro/desktop/fr-fr/viz_in_tooltip.htm).

Les images ne s’affichent pas dans la vue en image miniature

Une image miniature de vue est traitée avec un rendu côté serveur, ce qui vous permet de charger jusqu’à 100 images par champ. Vérifiez que vous avez moins de 100 images par champ et réessayez.

Pour plus d’informations sur le rendu côté serveur et côté client, consultez [Configurer le rendu côté client](https://help.tableau.com/current/server/fr-fr/browser_rendering.htm).

Les images ne s’affichent pas lorsque j’exporte mon classeur

Toutes les exportations et fonctionnalités liées à l’exportation sont traitées avec un rendu côté serveur, ce qui vous permet de charger jusqu’à 100 images par champ. Vérifiez que vous avez moins de 100 images par champ et réessayez.

Les images ne s’affichent pas sur un appareil mobile

Les appareils mobiles ayant un seuil de complexité inférieur à celui des ordinateurs, le traitement est effectué via un rendu côté serveur, ce qui vous permet de charger jusqu’à 100 images par champ. Vérifiez que vous avez moins de 100 images par champ et réessayez.

Vous pouvez modifier les paramètres de complexité sur votre appareil mobile. Pour plus d’informations sur les seuils de complexité, voir [Configurer le seuil de complexité pour les ordinateurs et les appareils mobiles](https://help.tableau.com/current/server/fr-fr/browser_rendering.htm#configure-the-complexity-threshold-for-computers-and-mobile-devices).