Insérer des images dans un article

Publié le 25 septembre 2020

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

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 sous forme d’un diaporama (voir à la fin de cet article.)
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.

**Rencontre avec une kinésithérapeute recrutée à l’étranger**

pour parer à la pénurie de kinés français

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.

Le titre et le descriptif de l’image

Il est possible d’associer des informations à votre image. Pour cela, cliquez sur le bouton modifier en dessous de celle-ci. Une fenê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).

Une 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 :

Redimensionnement

Il est consseillé de ne pas publier des images aux dimensions trop importantes. Elles seraient difficilement téléchargeables par les internautes et ralentiraient le site. Afin d’optimiser les ressources du site, toutes les images sont redimensionnées pour ne pas dépasser 2560px.

Imprimer cet article

A la Une

Tribune

Le développement de l’intelligence artificielle doit être régulé

Alors qu’un sommet sur l’IA est organisé ce week-end à Paris, le sénateur du Nord, Alexandre Basquin, appelle, dans une tribune, à une régulation internationale du développement de l’intelligence (...)

Questions au gouvernement

Hausse inédite du chômage : "Entendez-vous les voix des salariés Mme la Ministre ?"

Le sénateur Alexandre Basquin a interpellé la ministre du Travail au sujet de la plus forte hausse du chômage en France depuis dix ans, hors période Covid. Avec une situation qui risque d’empirer (...)

Lettre ouverte

"Il faut se couper de leurs réseaux sociaux !"

Alors que Donald Trump vient d’être investi président des Etats-Unis, Alexandre Basquin appelle à un départ massif des réseaux sociaux dans une lettre ouverte adressée aux ministres, aux (...)

Bonne nouvelle

Une R4 100% électrique produite à Maubeuge !

Commercialisée en ce début d’année, la nouvelle R4, version moderne et 100% électrique de l’iconique 4L, est produite à l’usine Renault Ampère de Maubeuge. Cette nouvelle 4L a nécessité près d’un an de (...)

Avec le collège Saint-Luc

"Monsieur, qu’est-ce que vous faites au Sénat, exactement ?"

Le sénateur, Alexandre Basquin, a échangé avec des collégiens de Saint-Luc, à Cambrai, autour du Sénat, du rôle d’élu et de son parcours. Passionnant, l’entretien a duré près de deux heures et a révélé (...)

Dernières vidéos

"Que veut dire être élu?"... Echanges entre Alexandre Basquin et des collégiens de Saint-Luc En savoir plus

Le sénateur, Alexandre Basquin, a échangé avec des collégiens de Saint-Luc, à Cambrai, autour du Sénat, du rôle d'élu et de son parcours. Passionnant, l'entretien a duré près de deux heures et a révélé des élèves curieux, intéressants et attentifs. Lire la suite Replier

En direct

Tweets de @michellegreaume

Aide