# Image Plume : 10 recettes (logos, galeries, diaporamas, avant / après)

> Logo par défaut, image du produit choisi, mesure DAX, diaporama, formes, avant / après, feu selon un score, carrousel, filtres et découpe SVG.

- Language: French
- Web page: https://plumevisuals.com/fr/tutoriels/image-plume-cas-pratiques
- Published: 2026-10-21
- Visual: Image Plume, technical reference: https://plumevisuals.com/ai/visuals/image.md
- If an option name in this tutorial differs from the technical reference, the reference is right (it is generated from the visual's code).

Ces recettes partent de la table d'images de la [prise en main](/fr/tutoriels/image-plume-prise-en-main) (une clé, un index de morceau, le texte de l'image). Les recettes marquées ★ utilisent une fonction premium : elle fonctionne sans clé, avec un filigrane « Aperçu premium ».

## Comment afficher un logo quand aucun filtre n'est choisi ?

Le besoin : le logo de chaque société quand on en choisit une dans un segment, et le logo du groupe sinon.

1. Placez le visuel avec `Société` dans **Clé de l'image** et l'image dans **Image (base64)** ; laissez **Format › Disposition › Affichage** sur *Une image*.
2. Ouvrez **Format › Image collée et repli** et collez le logo du groupe (data URI, base64 ou balisage SVG) dans **Image collée (base64, data URI ou SVG)**.
3. Créez la mesure :

```dax
Logo affiché =
IF (
    HASONEVALUE ( Societes[Société] ),
    SELECTEDVALUE ( Societes[Logo] ),
    BLANK ()   -- aucun choix : image vide, le visuel prend l'image collée
)
```

4. Remplacez la colonne par cette mesure dans **Image (base64)**, retirez **Clé de l'image**, et choisissez **Image vide ou illisible** = *Image collée*.

**Résultat :** le logo de la société choisie, sinon celui du groupe, sans table d'aide.

## Comment afficher l'image du produit choisi dans un segment ?

1. Mettez `Produit` dans **Clé de l'image**, l'image et son **Index du morceau** dans leurs champs.
2. Gardez **Affichage** = *Une image* et **Image affichée** = *La première*.
3. Ajoutez un segment sur `Produit` : le visuel montre l'image du produit choisi ; sans choix, celle du premier produit (ou du dernier avec *La dernière*).
4. Un clic sur une barre d'un autre visuel (mise en avant) fait passer l'image correspondante devant.

## Comment utiliser une mesure qui recolle l'image en DAX ?

Utile pour une carte ou une infobulle, quand le visuel ne doit recevoir qu'une valeur.

```dax
Image complète =
"data:image/png;base64," &
CONCATENATEX ( Images, Images[Morceau], "", Images[Index du morceau], ASC )
```

Glissez la mesure dans **Image (base64)** (sans **Index du morceau**). Le préfixe est facultatif : le base64 brut est reconnu. La limite de 32 766 caractères ne s'applique qu'aux colonnes ; une mesure peut renvoyer un texte bien plus long.

## Comment faire un diaporama d'une année à l'autre ★ ?

1. Une ligne par année et par image : `Année`, `Index du morceau`, `Image`, `Légende`.
2. Glissez `Année` dans **Axe de lecture ★**, puis l'image, l'index et la légende.
3. Une barre de lecture apparaît : bouton lecture, curseur, vitesse. Les images s'enchaînent en fondu.
4. Dans **Format › Lecture ★**, réglez **Durée d'une image (ms)** (1 600 par exemple), **Lecture en boucle** et **Image affichée à l'ouverture** = *La première*.
5. Avec une **Clé de l'image** et **Affichage** = *Grille (galerie)*, chaque année montre toutes ses images.

L'axe de lecture est ★ depuis le 22/10/2026 : filigrane « Aperçu premium » dès que le champ contient des données, jusqu'à la saisie d'une clé (sans clé, une **Clé de l'image** = `Année` et **Affichage** = *Grille (galerie)* montrent toutes les années côte à côte, gratuitement). **Réduire les animations** (Style › Animations ou Windows) coupe le fondu.

## Comment arrondir les images, en faire des cercles ou des formes ?

1. **Format › Masque (découpe) › Découper l'image** : *Coins arrondis* (réglez **Rayon des angles (px)**), *Ellipse ou cercle* (**Cercle parfait** activé par défaut), ou *Forme de la bibliothèque*.
2. Avec *Forme de la bibliothèque*, choisissez la **Forme** : les 22 formes gratuites (cercle, carré, carré arrondi, rectangle, triangle, losange, hexagone, étoile, cœur, nuage, goutte, bulle, flèche, personne, maison, tonneau, bouteille, verre, verre à vin, thermomètre, pile, batterie verticale) sont gratuites, les 131 autres sont ★ (cartes, récipients, objets, transports…).
3. **Taille de la forme (%)** réduit la forme dans le cadre ; **Ajustement de la forme** = *Remplir le cadre (déformée)* l'étire.
4. **Format › Contour et ombre** : le contour (gratuit) et l'ombre portée ★ suivent la forme.

## Comment comparer une image avant et après ★ ?

1. Deux lignes : `1 · Avant`, `2 · Après` dans **Clé de l'image** (le numéro fixe l'ordre), avec leurs images.
2. **Format › Disposition › Affichage** = *Avant / après (curseur)*.
3. Glissez la poignée ronde, ou utilisez le clavier (flèches, Maj + flèche pour 10 %, Début, Fin). **Position du curseur au départ (%)** règle le départ ; les clés servent d'étiquettes (**Libellés avant / après**).

## Comment afficher un feu rouge, orange ou vert selon un score ★ ?

1. Une table de trois pictogrammes : `1 · Rouge`, `2 · Orange`, `3 · Vert` dans **Clé de l'image**, avec leurs images.
2. Glissez la mesure du score (ex. `Satisfaction client`) dans **Valeur (seuils) ★**.
3. **Format › Image selon la valeur ★** : **Activer**, **Seuil 1** = 50, **Seuil 2** = 80.
4. Sous 50 : la 1re image ; de 50 à 80 : la 2e ; à partir de 80 : la 3e.

Avec **Effet** = *Estomper sous le seuil 1, cercler au-dessus du seuil 2*, une galerie garde toutes ses images : celles sous le seuil passent en gris estompé, celles au-dessus du seuil 2 sont cerclées à la couleur d'accent.

## Comment faire défiler les images en carrousel ★ ?

1. **Format › Disposition › Affichage** = *Carrousel*.
2. **Durée d'une image (ms)**, **Défilement automatique**, **Transition** (*Fondu*, *Glissement*, *Aucune*), **Flèches**, **Points de navigation**.
3. Le défilement s'arrête au survol, au focus clavier et avec le bouton pause ; jamais sur une vignette de tableau de bord.

## Comment passer les images en noir et blanc ou aux couleurs de votre charte ?

1. **Format › Réglages de l'image › Filtre** = *Niveaux de gris* (gratuit), ou *Sépia*, *Vintage*, *Chaud*, *Froid*, *Duotone (couleurs du style)*, *Négatif* (★).
2. *Duotone* colore les ombres et les lumières avec les couleurs du style ; **Duotone : ombres** et **Duotone : lumières** les remplacent.
3. **Opacité**, **Luminosité** et **Contraste** (gratuits), **Saturation ★** et **Flou ★** se combinent avec le filtre ; **Teinte (degrés) ★** fait tourner les couleurs.

## Comment découper l'image avec votre propre forme SVG ★ ?

1. **Format › Masque (découpe) › Découper l'image** = *SVG personnalisé*.
2. Collez dans **SVG de la découpe ★** le balisage d'un SVG (par exemple la silhouette de votre logo), un data URI SVG, ou un simple tracé comme `M0 0L100 0L50 80Z`.
3. Les parties pleines du SVG découpent l'image ; le texte et les images contenus dans le SVG sont ignorés, les scripts et liens retirés. Un SVG illisible est signalé en mode édition et l'image reste entière.

## Comment ouvrir la page web d'une société au clic ?

Le besoin : un clic sur le logo ouvre le site de la société, comme l'action « URL web » du visuel Image natif.

1. Créez une mesure qui renvoie l'adresse, par exemple `Site web = SELECTEDVALUE ( Sociétés[Site] )` (une adresse qui commence par `https://`).
2. **Format › Interactions › Lien ouvert au clic (https://…)** : cliquez sur le bouton **fx**, choisissez *Valeur du champ* et la mesure `Site web`. Pour un lien fixe, tapez-le directement.
3. En mode lecture, cliquez sur l'image : Power BI demande confirmation avant d'ouvrir la page.

Résultat : le clic ouvre le lien ; Ctrl + clic sélectionne toujours l'image et filtre le rapport. Pour un effet au survol sans loupe, **Interactions › Survol** = *Plus lumineuse*.

## Pour aller plus loin

- [Prise en main d'Image Plume](/fr/tutoriels/image-plume-prise-en-main) : les données à préparer et une première galerie pas à pas.
- [Champs et réglages d'Image Plume](/fr/tutoriels/image-plume-champs-et-reglages) : chaque zone de champ et chaque réglage.
- [Bien démarrer avec les visuels Plume](/fr/tutoriels/bien-demarrer-visuels-plume) : installation, licence, styles et réglages communs.
- La fiche du visuel : [Image Plume](/fr/visuels/image). Une question : [support](/fr/support).
