Images

Les images peuvent diriger l'attention du visualiseur et l'inviter à explorer différentes zones de contenu sur la page.

Pour ajouter une image à une page, procédez comme suit :
  1. Accédez à la page que vous voulez modifier et assurez-vous que le commutateur Modifier est défini sur Modifier.
  2. Ajoutez le composant à la page. Le composant d'image affiche une image de réserve jusqu'à ce que vous sélectionniez l'image à utiliser.

    le composant d'image de réserve
  3. Pour sélectionner une image, cliquez sur l'icône de menu icône de menu de composant, choisissez Paramètres, puis cliquez sur Sélectionner en regard du champ Image.
  4. Sélectionnez une image dans le référentiel du site, une image dans un dossier de documents qui a été partagé avec vous ou téléchargez une image vers un dossier de documents.

    Remarque :

    La fenêtre affiche tous les fichiers disponibles. Vous devez choisir le type de fichier adapté au contexte. Par exemple, si vous optez pour un fichier image, vous devez sélectionner un fichier avec un format d'image valide (GIF, JPG, JPEG, PNG ou SVG).
    1. Localisez et sélectionnez l'image à utiliser.

      Si aucune ressource numérique n'est affichée, cliquez sur Icône de filtre de ressource et redéfinissez le filtre de collection sur Tout.

    2. Si vous avez sélectionné une image dans un dossier de documents, vous pouvez la lier au fichier au lieu de la copier sur le site. Pour inclure un lien vers le fichier, sélectionnez l'option Utiliser une référence au fichier d'origine au lieu de copier le fichier sur le site. Si vous ne sélectionnez pas cette option, une copie du fichier est stockée avec le site et référencée sur celui-ci. Le fait d'indiquer un lien vers le fichier d'origine évite de dupliquer le contenu. Le lien permet aux visiteurs du site de voir le contenu, même en cas de modification des droits d'accès au fichier ou de restriction de la visualisation.
    3. Cliquez sur OK.
    4. Si vous avez sélectionné une ressource numérique, vous pouvez sélectionner un rendu spécifique. Si vous ne sélectionnez pas de rendu, la taille d'origine est utilisée. Pour publier la dernière version de la ressource lors de la publication du site, sélectionnez Utiliser la dernière version de la ressource.
  5. Pour modifier l'image, cliquez sur l'icône Modifier et modifiez l'image en effectuant l'une des actions suivantes :
    • Pour découper l'image, cliquez sur Icône Découper Découper. Sélectionnez l'un des rapports d'image prédéfinis dans la barre d'outils de découpage ou faites glisser les poignées de découpage sur l'image comme souhaité. Une fois satisfait, cliquez sur Découper dans la barre d'outils de découpage.
    • Pour faire pivoter ou retourner l'image, cliquez sur Icône Faire pivoter Faire pivoter. Dans la barre d'outils de rotation, saisissez un degré de rotation personnalisé, utilisez les boutons afin de faire pivoter l'image vers la gauche ou la droite, ou indiquez si l'image doit être retournée horizontalement ou verticalement.
    • Pour ajouter un repère à l'image, cliquez sur Icône Repère Repère. Ajoutez du texte à l'image et modifiez la taille, le style, la couleur et l'opacité du texte selon vos besoins à l'aide des outils de repère.
    • Pour modifier le format d'image, cliquez sur Icône Options Options, puis sélectionnez un nouveau format dans la liste déroulante Format.
    • Pour modifier la couleur d'arrière-plan, cliquez sur Icône Options Options, puis sélectionnez une option dans le menu déroulant Couleur d'arrière-plan.
    • Si vous modifiez un fichier .jpg ou .webp (disponible sur les navigateurs Google Chrome), vous pouvez modifier la qualité de l'image afin de créer un fichier moins volumineux. Cliquez sur Icône Options (Options), puis saisissez un nouveau pourcentage dans la zone Qualité.
    • Pour annuler ou rétablir une modification, cliquez sur Icône Annuler ou Icône Rétablir. Pour enlever toutes les modifications que vous avez apportées, cliquez sur Réinitialiser.
    • Pour modifier l'agrandissement de l'image, utilisez les contrôles de zoom (Contrôle du zoom).
  6. Pour ajouter une légende ou modifier l'espacement, l'alignement, le style ou d'autres options, accédez à l'onglet Général du menu Paramètresicône de menu de composant.
  7. Vous pouvez associer un lien ou d'autres actions à une image :
    1. Dans le panneau Paramètres, cliquez sur Lien.
    2. Sélectionnez l'une des options suivantes :
      • Aucun lien : l'image n'entraîne aucune action lorsque l'utilisateur clique dessus.

      • Page Web : indiquez une URL complète vers un site ou une page externe, et sélectionnez l'emplacement d'ouverture du lien.

      • Page du site : à l'aide du sélecteur de page, sélectionnez une page sur le site en cours, ainsi que l'emplacement d'ouverture du lien. Vous pouvez spécifier des paramètres d'URL supplémentaires au format key1=value1&key2=value2. Les valeurs vides sont prises en charge. Par exemple : key1=&key2=value2. Vous pouvez également indiquer un point d'ancrage d'URL. Toutefois, vous devez ajouter une présentation de section d'ancrage spécifique à l'emplacement de résolution du lien d'ancrage sur la page du site cible et indiquer le même nom d'ancrage dans les paramètres de présentation que celui utilisé lors de la définition de l'action de déclencheur.

        Remarque :

        La présentation de section d'ancrage requise pour utiliser les points d'ancrage d'URL est distribuée dans OCE Toolkit. Pour plus d'informations sur la méthode d'obtention du toolkit, reportez-vous à Développement avec OCE Toolkit.
      • Téléchargement de fichier : téléchargez un fichier sélectionné à partir du référentiel. Sélectionnez un fichier.

        Si vous sélectionnez une ressource numérique, vous pouvez sélectionner un rendu spécifique. Si vous ne sélectionnez pas de rendu, la taille d'origine est utilisée. Pour publier la dernière version de la ressource lors de la publication du site, sélectionnez Utiliser la dernière version de la ressource. Si vous ne sélectionnez pas Utiliser la dernière version de la ressource, la version publiée la plus récente sera alors utilisée à la place d'une version brouillon plus récente, s'il en existe une.

      • Aperçu de fichier : l'image sélectionnée apparaît en tant que recouvrement sur la page.

      • Elément de contenu : sélectionnez un élément de contenu à partir d'un référentiel de ressources associé, choisissez la page de détails à afficher et ciblez la page à ouvrir dans la même fenêtre ou dans une nouvelle.

      • Courriel : indiquez une adresse électronique valide et, éventuellement, un objet. Le message généré est ouvert et envoyé par le client de messagerie par défaut.

      • Aperçu d'image : l'image sélectionnée apparaît en tant que recouvrement sur la page.

      • Carte : entrez une adresse ou des coordonnées valides, et sélectionnez l'emplacement d'ouverture de la carte dans les navigateurs de bureau et mobiles.

      • Appel téléphonique : entrez un numéro de téléphone valide.