Vous pouvez insérer des images dans le corps des articles de la base de connaissances de votre centre d’aide et les blocs de contenu. Quand vous insérez des images, elles sont ajoutées à la médiathèque. Les images volumineuses sont automatiquement redimensionnées pour s’adapter à la largeur de l’article.
- PNG
- JPEG/JPG
- GIF
- aPNG (PNG animé)
- SVG
Quand vous copiez une image à partir d’un document Google ou Microsoft Word (365) et la collez dans le corps de votre article, l’image est automatiquement chargée dans la médiathèque et insérée dans votre article. Consultez Utilisation des images dans la médiathèque.
Cet article contient les sections suivantes :
Insertion d’images dans les articles
Vous pouvez insérer des images dans les articles en utilisant la procédure suivante. Au lieu d’insérer directement les images dans vos articles, vous pouvez les héberger sur un serveur de fichiers publics et créer des liens vers ces images.
Pour insérer une image dans un article
- Dans le centre d’aide ou l’Administrateur de Connaissances, créez un nouvel article ou modifiez un article existant.
- Placez le curseur à l’endroit où vous souhaitez mettre l’image.
- Cliquez sur l’icône Insérer une image (
) dans la barre d’outils de l’article. Vous pouvez aussi faire glisser l’image et la déposer dans l’article. Dans les deux cas, la médiathèque s’ouvre. - Dans la médiathèque, choisissez les images à insérer ou cliquez sur Télécharger le média si vous voulez ajouter une nouvelle image à la médiathèque. Vous pouvez aussi faire glisser l’image et la déposer dans la médiathèque. La taille maximale du fichier d’image est 20 Mo.Remarque – Vous pouvez filtrer les images affichées en cliquant sur les options du menu sur la gauche. Pour en savoir plus sur la médiathèque, consultez Utilisation des images dans la médiathèque.
- Cliquez sur Insérer un média.
Les images que vous avez sélectionnées apparaissent dans votre article.
-
Cliquez sur l’image pour afficher les outils de modification d’images que vous pouvez utiliser pour sélectionner des options d’habillage du texte, d’alignement de l’image et autres options.
Pour redimensionner l’image manuellement, cliquez sur un coin et étirez ou réduisez l’image.
- Cliquez sur Enregistrer.
Insertion d’images dans les blocs de contenu (éditions Enterprise uniquement)
Les blocs de contenu vous permettent de créer du contenu que vous pouvez partager entre plusieurs articles. Vous pouvez insérer des images dans les blocs de contenu plus ou moins comme vous le faites dans les articles du centre d’aide. Vous pouvez ajouter jusqu’à 50 images par bloc de contenu.
Pour insérer des images dans les blocs de contenu
- Dans le centre d’aide ou l’Administrateur de Connaissances, créez un nouveau bloc de contenu ou modifiez-en un existant.
- Dans le bloc de contenu, placez le curseur à l’endroit où vous souhaitez mettre l’image.
- Cliquez sur l’icône Ajouter une image () dans la barre d’outils du bloc de contenu.
Vous pouvez aussi faire glisser l’image et la déposer dans le bloc de contenu.
- Dans la médiathèque, choisissez les images à charger ou cliquez sur Télécharger le média si vous voulez ajouter une nouvelle image à la médiathèque. Dans les deux cas, la médiathèque s’ouvre.Vous pouvez aussi faire glisser l’image et la déposer dans la médiathèque. La taille maximale du fichier d’image est 20 Mo.Remarque – Vous pouvez filtrer les images affichées en cliquant sur les options du menu sur la gauche. Pour en savoir plus sur la médiathèque, consultez Utilisation des images dans la médiathèque.
- Cliquez sur Insérer un média.
Les images que vous avez sélectionnées apparaissent dans votre bloc de contenu.
-
Cliquez sur l’image pour afficher les outils de modification d’images que vous pouvez utiliser pour sélectionner des options d’habillage du texte, d’alignement de l’image et autres options.
Pour redimensionner l’image manuellement, cliquez sur un coin et étirez ou réduisez l’image.
- S’il s’agit d’un nouveau bloc de contenu, cliquez sur Créer. Si vous mettez un bloc de contenu existant à jour, cliquez sur Mettre à jour.
Utilisation des outils de modification d’images
- Habiller le texte autour de l’image
- Redimensionner l’image
- Ajouter du texte alternatif pour rendre votre article plus accessible
Pour utiliser les outils pour les images, cliquez sur une image, puis sélectionnez l’outil que vous voulez utiliser.
Consultez le tableau suivant pour prendre connaissance de la liste des outils pour les images disponibles et savoir comment les utiliser.
| Outil | Nom | Description |
|---|---|---|
 |
Habillage du texte | Ajuste le texte autour de l’image, vous permettant de sélectionner un alignement à droite ou à gauche. |
 |
Aligner l’image | Vous permet de choisir l’alignement de l’image (image alignée à droite, image alignée à gauche, centrée). |
 |
Redimensionner l’image | Fournit des options permettant d’agrandir l’image (25 %, 50 %, 75 %, 100 % ou Personnalisée). Utilisez l’option Personnalisée pour saisir la largeur de votre choix sous la forme d’un pourcentage ou d’une valeur en pixels (p. ex., 450 px). Vous pouvez aussi redimensionner une image en faisant glisser son coin jusqu’à atteindre la taille souhaitée. |
 |
Texte alternatif | Affiche un champ dans lequel vous pouvez saisir le texte alternatif que vous voulez utiliser pour l’image. Le texte alternatif est lu par les logiciels de lecture d’écran et améliore l’accessibilité de votre article. Consultez Création de contenu accessible dans le centre d’aide.
Remarque – Le texte alternatif est ajouté à l’emplacement de l’image dans l’article, et non à toutes les instances de l’image dans le centre d’aide.
|
Optimisation des images du centre d’aide pour le Web Widget
Pour vous assurer que les images de vos articles du centre d’aide s’affichent correctement dans le Web Widget de messagerie et le Web Widget (Classique), il est important qu’elles soient ajoutées à l’article à la bonne taille.
Quand les articles du centre d’aide sont convertis pour consultation dans les widgets, les attributs des images des articles sont supprimés dans les balises HTML (à l’exception des balises src et alt), et les règles CSS personnalisées sont ignorées. Pour la plupart des images, cela ne pose pas de problème. Cependant, si les images d’origine sont très volumineuses ou considérablement redimensionnées dans HTML ou CSS personnalisé, elles risquent de sembler démesurées.
Supposons par exemple que vous vouliez afficher une icône dans un article de votre centre d’aide. La taille d’origine de l’icône est 300 x 300 pixels. Pour l’afficher dans une taille plus raisonnable, le code HTML est modifié en ajoutant les attributs width=“6%”height=“6%”.
Dans l’article du centre d’aide, l’icône fait 18 x 18 pixels, soit 6 % de la taille réelle de l’image. Quand l’article est traité pour le widget et quand les attributs width et height sont supprimés, l’image reprend sa taille d’origine et, même après avoir été réduite pour rentrer dans le Web Widget, elle reste trop grande pour une icône.
Pour éviter ce problème, il suffit de redimensionner l’image d’origine, plutôt que de manipuler sa taille dans votre code.