Autres versions

Vous êtes ici : Utiliser ContenusÉditeur de contenus

  • _Éditeur de contenus,
  • _Médiathèque,

Insérer une image

Insérez des images enregistrées sur votre poste, depuis la médiathèque ou depuis une source externe dans vos contenus

L'insertion d'une image se fait grâce à une fonctionnalité de l'éditeur de contenu.

"Éditeur de contenus" > "Insérer une image"

Depuis l'éditeur de contenus cliquez sur picto insérer une image . Plusieurs types d'insertion sont alors possibles.
 

Cas 1 : insertion d'un fichier local (enregistré sur votre ordinateur)

Cliquez sur "Parcourir" pour sélectionner une nouvelle image

Renseignez les champs :
  • Légende : la saisie de la légende est obligatoire si votre image est porteuse d'information. Dans le cas contraire, vous pouvez cocher la case "Image décorative" pour ne pas avoir à saisir de légende. Pour plus d'informations, consulter cet article publié par la Direction Interministérielle du Numérique.
  • Description
  • Copyright
Vous pouvez choisir d'enregistrer l'image dans la médiathèque pour une prochaine utilisation en cochant la case "Sauvegarder cette ressource dans la médiathèque"
Enregistrez votre image en cliquant sur le bouton bouton enregistrer
 
  • Si vous n'avez pas enregistré votre image dans la médiathèque vous accéderez aux options de recadrage et redimensionnement (voir ci-dessous).
  • Si vous avez enregistré l'image dans la médiathèque, en cliquant sur "Enregistrer" vous pourrez configurer et décrire votre image en parcourant les onglets "Ressource", "Description" et "Rattachements" (voir ci-après).

Recadrage ou redimensionnement de l'image

Si vous n'avez pas choisi l'option d'enregistrement dans la médiathèque, vous accédez à un écran permettant de recadrer ou redimensionner votre image :

Depuis cet écran, vous pouvez  :

  • recadrer une image Recadrer l'image : déplacez les carrés bleus du masque de sélection (situés autour de la bordure de l'image) et faites-les glisser pour obtenir la partie de l'image souhaitée.
  • zoom de l'image Zoomer / Dézoomer l'image afin d'ajuster votre sélection
  • Effectuer des rotations horaire / anti-horaire de votre image
  • Vous pouvez choisir 1 des 3 paramètres suivants
    option de traitement de l'image
    • Redimensionner votre image : si la taille de votre image est trop importante pour l'utilisation web vous pouvez la redimensionner. Le cadenas fermé vous permet de conserver les proportions de l'image
    • Recadrer : avec cette option vous activerez le recadrage de l'image. Vous pouvez renseigner les dimensions souhaitée dans la zone traitement et/ou déplacez les carrés bleus du masque de sélection (situés autour de la bordure de l'image) pour obtenir la partie de l'image souhaitée.
    • N'effectuer aucun traitement : l'image sera enregistrée sans modification

Cliquez sur "Enregistrer" pour accéder ensuite à l'écran "Paramètres d'insertion".

Enregistrement dans la médiathèque

Onglet Ressource

Ecran de paramétrage de l'image
  • Depuis l'onglet "Ressource" vous pouvez :
recadrer une image Recadrer l'image : déplacez les carrés bleus du masque de sélection (situés autour de la bordure de l'image) et faites-les glisser pour obtenir la partie de l'image souhaitée.



zoom de l'image Zoomer / Dézoomer l'image afin d'ajuster votre sélection

exemple de zoom
Effectuer des rotations horaire / anti-horaire de votre image
exemple de rotation
Traitement de la photo
Vous pouvez choisir 1 des 3 paramètres suivants
option de traitement de l'image
  • Redimensionner votre image : si la taille de votre image est trop importante pour l'utilisation web vous pouvez la redimensionner. Le cadenas fermé vous permet de conserver les proportions de l'image
  • Recadrer : avec cette option vous activerez le recadrage de l'image. Vous pouvez renseigner les dimensions souhaitée dans la zone traitement et/ou déplacez les carrés bleus du masque de sélection (situés autour de la bordure de l'image) pour obtenir la partie de l'image souhaitée.
  • N'effectuer aucun traitement : l'image sera enregistrée sans modification
Vignette
La vignette est générée automatiquement, mais peut être personnalisée à la création de l'image.
Si vous souhaitez ajouter une vignette, cliquez sur "Parcourir"
Elle sera utilisée dans les listes de fiches

Onglet Description

L'onglet "Description" vous permet de décrire votre image dans les différentes langues disponibles sur votre application. Pour chaque langue vous pouvez renseigner les informations suivantes :
  • Titre
  • Légende
  • Description
  • Auteur
  • Copyright
  • Mots-clés

Onglet Références

L'onglet "Références" permet de voir dans quels contenus l'image est insérée. A la création de l'image cet onglet est vide puisque l'image n'a pas encore été insérée dans un contenu.
Onglet références de l'image de la médiathèque

Onglet Rattachements

L'onglet "Rattachements" permet de rattacher votre image à
  • Une Thématique
  • Une Rubrique
  • Une Structure
  • Un Rédacteur
Il indique également la date de création de l'image.
Onglet rattachements de l'image de la médiathèque
Une fois tous les onglets renseignés vous pouvez enregistrer l'image dans la médiathèque en cliquant sur le bouton  Bouton enregistrer et définir les paramètres d'insertion de l'image dans votre contenu.
 

Paramètres d'insertion

Vous pouvez définir les paramètres d'insertion de votre image
 
  • La largeur et la hauteur définies ne redimensionnent pas l'image, elle réduise seulement sont affichage sur le site. Si vous souhaitez redimensionner l'image enregistrée dans la médiathèque vous devez le faire depuis la Médiathèque.
  • Les bordures : définissez l'épaisseur de la bordure en pixel
  • L'espacement horizontal en pixel
  • L'espacement vertical en pixel
  • L'alignement avec le contenu inséré : gauche, droite ou indéfini

Cliquez sur le bouton "OK".
L'image apparaît ensuite dans l'éditeur de contenus.

Par la suite vous avez la possibilité de modifier les paramètres de cette image en faisant "Clic droit" > "Propriétés de l'image".
 

Cas 2 : insertion d'une image enregistrée dans la médiathèque

Cliquez sur l'onglet "Recherche" si vous souhaitez insérer une image déjà enregistrée dans la médiathèque.
Vous accédez au formulaire de recherche d'une image, vous pouvez renseigner vos critères de recherche et cliquer sur "Rechercher".

Sélectionnez l'image souhaitée dans les résultats de votre recherche
résultats de recherche d'une image
 

Paramètre d'insertion

Vous pouvez définir les paramètres d'insertion de votre image
  • La largeur et la hauteur définies ne redimensionnent pas l'image, elle réduise seulement sont affichage sur le site. Si vous souhaitez redimensionner l'image enregistrée dans la médiathèque vous devez le faire depuis la Médiathèque.
  • Les bordures : définissez l'épaisseur de la bordure en pixel
  • L'espacement horizontal en pixel
  • L'espacement vertical en pixel
  • L'alignement avec le contenu inséré : gauche, droite ou indéfini

Cliquez sur le bouton "OK"
L'image apparaît ensuite dans l'éditeur de contenus.

Par la suite vous avez la possibilité de modifier les paramètres de cette image en faisant "Clic droit" > "Propriétés de l'image"
 

Cas 3 : référence à une image disposant d'une url externe

Cliquez sur "Url externe" pour faire apparaître le champs correspondant puis renseigner l'Url de l'image externe

Renseignez les champs :
  • Légende
  • Description
  • Copyright
Vous pouvez choisir d'enregistrer la référence à cette image externe dans la médiathèque pour une prochaine utilisation en cochant la case "Sauvegarder cette ressource dans la médiathèque"
 

Paramètres d'insertion

Vous pouvez définir les paramètres d'insertion de votre image externe
  • La largeur et la hauteur définies ne redimensionnent pas l'image, elle réduise seulement sont affichage sur le site.
  • Les bordures : définissez l'épaisseur de la bordure en pixel
  • L'espacement horizontal en pixel
  • L'espacement vertical en pixel
  • L'alignement avec le contenu inséré : gauche, droite ou indéfini

Cliquez sur le bouton "OK"
L'image apparaît ensuite dans l'éditeur de contenus.
Par la suite vous avez la possibilité de modifier les paramètres de cette image en faisant "Clic droit" > "Propriétés de l'image".

Mis à jour le 30 décembre 2019