Articles sur : Espaces

Widget Image

Utilisez le widget Image pour tout visuel — captures d'écran produit, photos d'équipe, schémas d'architecture.

Comment l'ajouter

Dans la barre de construction flottante en bas de l'éditeur, cliquez sur Image ou faites-la glisser — elle se trouve dans la première rangée de widgets.
Déposez-la dans la Section visée.
Le sélecteur Select image (choisir une image) s'ouvre automatiquement, avec trois onglets :
- New (nouveau) — cliquez sur la zone de téléchargement pour choisir un fichier, ou collez l'URL d'une image. Un champ Name (nom) facultatif reprend par défaut le nom du fichier ou de l'URL.
- Depuis l'espace — réutilisez une image déjà placée ailleurs dans cet Espace.
- Bibliothèque — choisissez dans la bibliothèque de contenu de l'espace de travail (avec recherche).
Ajoutez les légendes depuis l'édition du contenu (modifier le contenu) sur la pastille de sélection (voir plus bas).

Formats de téléchargement pris en charge : PNG, JPG, GIF, SVG.

La pastille de sélection — les contrôles image

Cliquez sur l'image pour la sélectionner. La pastille au-dessus affiche les contrôles propres au widget Image, de gauche à droite :

Demander à l'IA (la marque IA en dégradé) — démarre un fil IA ancré sur cette image.
Open (ouvrir — icône d'agrandissement) — ouvre l'image dans la visionneuse plein écran.
l'édition du contenu (modifier le contenu — icône de réglages) — ouvre la popup Resource details (détails de la ressource) avec les légendes de l'image et l'action Replace image (remplacer l'image) (voir plus bas).
Design (icône pot de peinture) — ouvre le panneau Design contextuel (Layout & corners / Spacing / Background / Border / Effects).
le menu ⋯ (plus) — Dupliquer (dupliquer) · Supprimer (supprimer).

Il n'y a pas de chip Size, Dark-mode ou Expand-on-click sur la pastille Image.

Dimensionner une image

Le widget Image n'a pas de sélecteur S / M / L — vous le dimensionnez en faisant glisser les poignées de redimensionnement du bloc dans la Section. (Les mises en page S / M / L n'existent que sur les widgets Document et Lien.)

Dans l'Espace rendu, cliquer sur une image ouvre toujours la visionneuse plein écran.

Elle s'ouvre via l'icône de réglages de la pastille. C'est là que vivent les légendes de l'image et son remplacement :

Title (titre) — avec un interrupteur Shown / Hidden (affiché / masqué). Rempli automatiquement à partir du nom du fichier, et masqué par défaut sous une image : activez-le quand la légende mérite d'être répétée.
Description (facultatif) — une courte ligne secondaire sous le titre, avec son propre interrupteur Shown / Hidden.
l'ajout d'une citation (ajouter une citation) — fait apparaître un bloc citation : le texte de la citation (avec son propre interrupteur Shown / Hidden), le nom de l'auteur et une photo de l'auteur que vous téléchargez.
Replace image (remplacer l'image) — le bouton (en bas à gauche de la popup) qui rouvre le sélecteur pour changer de fichier sans perdre vos légendes ni vos réglages de design.
Annuler / Enregistrer (annuler / enregistrer).

Un widget = une image. Pour une galerie ou une comparaison, ajoutez plusieurs widgets Image côte à côte (le réglage Compaction de la Section pilote l'espacement).

Remplacer l'image plus tard — préserver le design

Quand vous changez le contenu pour un nouveau deal (ou que vous mettez à jour un modèle), remplacez le fichier image à l'intérieur du widget existant plutôt que de supprimer le widget et d'en ajouter un nouveau. Pourquoi :

Tous les réglages de design — taille, padding, rayon, arrière-plan, bordure, ombre — restent intacts.
Tout le contenu des légendes (titre, description, citation, auteur) reste en place tant que vous ne le changez pas.
Vous gagnez du temps et votre Espace reste visuellement cohérent.

Pour remplacer : sélectionnez l'image, cliquez sur l'édition du contenu dans la pastille, puis sur Replace image en bas de la popup → téléchargez ou choisissez le nouveau fichier.

Sources d'images

Télécharger depuis votre ordinateur — le plus simple
Bibliothèque de contenu — réutiliser une image sur de nombreux Espaces (voir Ajouter des éléments à la bibliothèque)
URL externe — intégrer depuis une URL publique

Bonnes pratiques

Images en haute résolution — au moins 1200 px de large pour les affichages en grand format
Optimisez le poids du fichier — les images lourdes ralentissent le chargement ; moins de 500 Ko, c'est l'idéal
Style cohérent — ne mélangez pas illustrations façon dessin animé et captures d'écran photographiques dans un même Espace

Articles associés

Mis à jour le : 26/10/2026

Cet article a-t-il répondu à vos questions ?

Merci !