Aide
Aide

Insérer des images dans un article

Il existe 2 façons d’utiliser des images :

  1. Elles peuvent faire partie d’un diaporama composé de nombreuses photos. Pour cela, suffit d’associer plusieurs images à l’article en cliquant sur le bouton « Ajouter un document » visible en bas de chaque article. Les images apparaissent alors dans un carrousel (voir ci-contre.)
  2. Elles peuvent servir à habiller le texte d’un article. Lorsque l’on insère une image associée à un article dans le texte de ce dernier. L’image disparait du diaporama pour apparaître à l’emplacement souhaité dans le texte.

L’article ci-dessous décrit comment insérer et mettre en forme ces images à l’intérieur du texte d’un article.

Alignement

Sous la colonne de gauche de chaque page d’édition, les images associées à la page éditée s’affichent, suivi de 3 petits codes. L’utilisation d’un de ces codes dans votre article permet d’insérer l’image du document.

En fonction du code choisi, l’image sera alignée à gauche, centrée, ou alignée à droite.

C’est pas à un vieux singe ...
... qu’on apprend à s’imposer dans un article d’aide à la publication.
C’est pas à un vieux singe ...
... qu’on apprend à s’imposer dans un article d’aide à la publication.
C’est pas à un vieux singe ...
... qu’on apprend à s’imposer dans un article d’aide à la publication.

Lorsque du texte est positionné sous une image alignée à gauche ou à droite, il vient s’insérer sur le côté de celui-ci. Sur la page publique, l’image est automatiquement réduite à la moitié de la largeur de la page générer une mise en page agréable à lire.

Par contre, une image centrée ne laissera passer aucun texte sur ses côtés. Elle ne sera réduite que dans la mesure où ses dimensions seront supérieures à la largeur de la page. En effet, Une image trop grande est automatiquement redimensionnée à 772px de large pour qu’elle ne puisse pas déborder de la largeur de la page.

Liens

Il est possible de créer un lien sur une image en ajoutant :

|lien=adresse_de_mon_lien

Dans le petit code généré, l’image ci-dessous pointe sur un site externe.

C’est pas à un vieux singe ...
... qu’on apprend à s’imposer dans un article d’aide à la publication.

Le titre et le descriptif de l’image

C’est pas à un vieux singe ...
... qu’on apprend à s’imposer dans un article d’aide à la publication.

Il est possible d’associer des informations à votre image. Pour cela, cliquez sur le bouton modifier en dessous de celle-ci. Un fnêtre apparaîtra vous permettant de renseigner :

  • le titre de l’image
  • la description de l’image
  • les crédits de l’image
  • la vignette (ou visuel) sur lequel il faudra cliquer pour voir l’image. (Cela peut par exemple être un détail de l’image sur lequel il faudra cliquer pour voir l’image entier).

Un fois que votre image contiendra un de ces éléments, les codes visibles sous celle-ci changeront :

  • Les codes commençant par « doc » permettent d’insérer l’image associée ainsi que sa légende.
  • Les codes commençant par « emb » permettent d’insérer l’image seule.

Dans l’exemple ci-contre, l’image est associée à sa légende composée de son titre et de son descriptif :

Quelle taille doit faire ma photo ?

Il n’y a pas de « bonne » taille pour afficher une image dans un article. En tout cas, inutile d’envoyer une image de 3000 pixels de large, aucun écran ne pourra l’afficher dans son intégralité ! Sauf si le document est destiné à l’impression.

  • Si l’image doit être intégrée au texte d’un article, tout dépend de son contenu : si c’est un portrait, une hauteur de 200px devrait suffire sinon gare aux rides ; si c’est un beau paysage, on peut aller jusqu’à @largeur_max@ pixels max de large.
  • Si l’image est prévue pour le porte-folio d’un article, ne pas dépasser 1000 pixels de large ou 600 pixels de haut.

Attention, le poids max à ne pas dépasser est de @poids_max@Mo sans quoi le téléchargement sera refusé.

Comment remplir facilement un portfolio ?

Il est possible d’envoyer en un clic plusieurs photos dans un article :

  • Copier les photos choisies dans un dossier de votre disque dur
  • Les redimensionner à la bonne taille
  • Les insérer dans un fichier zip
  • Joindre ce fichier zip à l’article. A la fin du téléchargement, il vous est demandé ce que vous voulez faire du fichier, vous pouvez alors déposer par exemple toutes les photos dans le port-folio.

Partager :

Imprimer cet article

Thématiques :

Voir toutes les thématiques

Nous contacter

Adresse postale

Adresse postale

126, rue de l'Université
75355 Paris CEDEX 07 SP

Téléphone

01 40 63 60 81 Contact

Recevoir l'infolettre :