Insertion d’images dans les articles

Vous pouvez insérer des images dans le corps des articles de la base de connaissances de votre Centre d’aide. Quand vous insérez des images, elles sont ajoutées à l’article sous la forme de pièces jointes. Les images volumineuses sont automatiquement redimensionnées pour s’adapter à la largeur de l’article.

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, 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 des méthodes suivantes :
   • 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 des fichiers 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 1600 pixels de large manuellement 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. Il s’agit d’un problème connu.

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, 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 le Web Widget, 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 voulez 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 Web 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.