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 d'édition en bas de l'éditeur, repérez le widget — dans la rangée des widgets principaux, ou sous le popover ⌄ Tous les widgets s'il n'y est pas.
Glissez le widget Image dans la section cible.
Téléchargez un fichier (depuis votre ordinateur ou la Bibliothèque de contenu) ou collez une URL.
Configurez la mise en page et les légendes depuis le menu flottant (voir ci-dessous).

Formats pris en charge : PNG, JPG, GIF, WebP.

Cliquez sur l'image pour la sélectionner. Le menu au-dessus affiche les contrôles spécifiques au widget Image, de gauche à droite :

Taille — menu déroulant avec Petite / Moyenne / Grande.
🌙 Mode sombre (légendes) — bascule. Fait passer le bloc de légende sur fond sombre avec du texte clair. Utile sur les sections claires pour le contraste.
Modifier la ressource (icône curseurs) — ouvre la popup d'édition avec le titre de l'image, les légendes et l'action Remplacer l'image (voir ci-dessous).
Remplacer l'image (icône actualiser) — raccourci pour échanger le fichier sans ouvrir la popup d'édition complète. Le contenu des légendes et les paramètres de design sont conservés.
Design (icône pinceau) — ouvre le Panneau Design contextuel (Mise en page & coins / Espacement / Arrière-plan / Bordure / Effets).
Agrandir au clic (icône flèches diagonales) — bascule. Activé, cliquer sur l'image dans l'espace rendu ouvre la visionneuse plein écran. Désactivé = l'image reste en ligne, non cliquable.
⋮ Plus — Modifier la ressource (idem que l'icône curseurs) · Dupliquer · Supprimer.

Taille — Petite / Moyenne / Grande

La taille contrôle la façon dont l'image et ses légendes sont disposées l'une par rapport à l'autre — il ne s'agit pas d'une largeur fixe. Le widget peut toujours être redimensionné librement par la suite :

Petite — la disposition la plus compacte. L'image réelle n'est pas affichée — seule l'icône du type de fichier est placée à côté des légendes. Idéal pour une référence d'une ligne dans une liste.
Moyenne — un petit aperçu de l'image d'un côté, les légendes de l'autre (côte à côte).
Grande — l'image est mise en avant, avec les légendes empilées en dessous.

Remarque : lorsque l'image est en taille Petite ou Moyenne, la légende de titre est toujours affichée — quel que soit l'état de la bascule Titre. La bascule ne contrôle l'affichage que lorsque l'image est en taille Grande.

Modifier la ressource — légendes et contenu

Ouvrez via l'icône curseurs du menu (ou le même élément dans le menu ⋮ Plus). Cette popup est l'endroit où vivent le contenu des légendes et le remplacement de l'image :

Nom — le titre de l'image (affiché comme légende Titre lorsqu'il est visible)
Sous-titre — une courte ligne secondaire sous le titre
Citation — un bloc de citation mis en avant
Auteur — nom affiché sous la citation
Avatar de l'auteur — image téléchargée affichée à côté du nom de l'auteur
Remplacer l'image — bouton pour échanger le fichier sans perdre le contenu de vos légendes ni vos paramètres de design

Un widget = une image. Pour une galerie ou une comparaison, ajoutez plusieurs widgets Image côte à côte (le paramètre Compaction de la section contrôle l'espacement).

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

Lorsque vous échangez du 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 paramètres 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 sauf si vous le modifiez.
Vous gagnez du temps + votre Espace reste visuellement cohérent.

Pour remplacer : sélectionnez l'image, puis cliquez sur l'icône actualiser du menu (ou Modifier la ressource → Remplacer l'image dans la popup) → téléchargez / choisissez le nouveau fichier.

Sources d'images

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

Bonnes pratiques

Images haute résolution — minimum 1200px de large pour les affichages en Grande taille
Optimisez la taille du fichier — les images volumineuses ralentissent le chargement ; moins de 500 Ko est idéal
Style cohérent — ne mélangez pas des illustrations cartoon avec des captures d'écran photographiques dans le même Espace

Articles connexes

Mis à jour le : 18/06/2026

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

Merci !