Insertion d’images dans les articles et les blocs de contenu

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 sous la forme de pièces jointes. Les images volumineuses sont automatiquement redimensionnées pour s’adapter à la largeur de l’article.

Cet article contient les sections suivantes :

• Insertion d’images dans les articles
• Insertion d’images dans les blocs de contenu
• Optimisation des images du centre d’aide pour le Web Widget

Insertion d’images dans les articles

Vous pouvez insérer des images dans les articles en utilisant la procédure suivante. Il est important d’insérer l’image (pas de copier-coller à partir d’une autre source), pour éviter les problèmes. 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

1. Dans le centre d’aide ou Guide Admin, créez un nouvel article ou modifiez un article existant.
2. Placez le curseur à l’endroit où vous souhaitez mettre l’image.
3. Suivez l’une de ces méthodes :
   • Faites glisser et déposez l’image dans le corps de l’article.
   • Cliquez sur le bouton Insérer une image dans la barre d’outils, puis cliquez sur Télécharger des images et sélectionnez votre image.

     

   La taille maximale du fichier d’image est 20 Mo.

   Les images sont automatiquement modifiées pour s’adapter à la largeur de l’article grâce à une fonctionnalité de compression CSS. Nous vous conseillons de redimensionner les images de plus de 1 600 pixels de large manuellement avant de les insérer car la compression risque de déformer l’image dans l’article publié. Nous vous conseillons aussi de redimensionner les images manuellement si vous utilisez le Web Widget (consultez Optimisation des images pour le Web Widget ci-dessous).

4. Cliquez sur Insérer dans la boîte de dialogue qui s’affiche.

   L’image s’affiche dans votre article.

5. Cliquez sur Enregistrer.

Si vous avez un centre d’aide fermé qui exige la connexion pour tous les utilisateurs, les images des articles seront corrompues dans les notifications par e-mail envoyées aux utilisateurs abonnés à votre centre d’aide.

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

1. Dans le centre d’aide ou Guide Admin, créez un nouveau bloc de contenu ou modifiez-en un existant.
2. Dans le bloc de contenu, placez le curseur à l’endroit où vous souhaitez mettre l’image.
3. 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.

4. Dans la galerie d’images, choisissez les images à charger ou cliquez sur Télécharger une image si vous voulez ajouter une nouvelle image à la galerie.
   Vous pouvez aussi faire glisser l’image et la déposer dans la galerie d’images. 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 galerie d’images, consultez Utilisation de la galerie d’images pour les blocs de contenu.

   

5. Cliquez sur Insérer une image.

   Les images que vous avez sélectionnées apparaissent dans votre bloc de contenu.

   Cliquez sur l’image pour afficher une barre d’outils dans laquelle vous pouvez sélectionner des options d’habillage du texte, d’alignement de l’image et de taille d’affichage de l’image. Vous pouvez aussi cliquer sur ALT dans la barre d’outils pour saisir du texte conçu pour améliorer l’accessibilité de votre article. Pour redimensionner l’image manuellement, cliquez sur un coin et étirez ou réduisez l’image.

   

6. 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.

Limitez pour les images dans les blocs de contenu

Actuellement, les limites suivantes s’appliquent quand vous ajoutez des images aux blocs de contenu :

• Vous ne pouvez pas copier-coller des images entre les blocs de contenu et les articles.
• Si vous supprimez le lien d’un bloc de contenu (et s’il fait donc désormais partie de l’article), toutes les images sont supprimées. Vous devrez à nouveau les ajouter.
• Quand vous créez un bloc de contenu en le copiant à partir d’un article avec une image, l’image n’est pas ajoutée au bloc de contenu. Vous devez l’ajouter manuellement.

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.