Utiliser le composant WebPart Image

Lorsque vous ajoutez une page moderne à un site, vous ajoutez et personnalisez des composants WebPart, qui constituent les blocs de construction de votre page. Cet article explique comment utiliser le composant WebPart Image. Utilisez-le pour insérer une image sur la page, que ce soit à partir de votre site, de votre ordinateur ou du web. Vous pouvez rogner, redimensionner et remplacer une image existante.

Ajouter une image à votre page

Ajouter le composant WebPart d’image

Rogner votre image

Redimensionner une image

Remplacer une image existante par glisser-coller

Ajouter ou remplacer une image sur votre page

Le moyen le plus simple d’ajouter ou de remplacer une image sur votre page consiste simplement à faire glisser ou coller. 

Faites glisser pour ajouter une nouvelle image ou remplacer une image existante

1. Si vous n’êtes pas déjà en mode Édition, cliquez sur Modifier en haut à droite de la page.

2. Effectuez l’une des opérations suivantes :

   Pour ajouter une image, faites simplement glisser l’image que vous souhaitez utiliser vers la section où vous souhaitez la placer.

   Pour remplacer une image, sélectionnez l’image à remplacer en double-cliquant dessus, puis faites glisser la nouvelle image vers elle.

Vous devrez peut-être redimensionner ou rogner à nouveau votre image selon vos besoins.

Remplacer une image en collant

1. Si vous n’êtes pas déjà en mode Édition, cliquez sur Modifier en haut à droite de la page.
2. Copiez l’image que vous souhaitez ajouter ou remplacer l’image existante.
3. Sur votre page, sélectionnez l’image dans le composant WebPart Image en double-cliquant dessus.
4. Appuyez sur CTRL+V sur votre clavier

Ajouter le composant WebPart d’image

1. Si vous n’êtes pas déjà en mode Édition, cliquez sur Modifier en haut à droite de la page. Recherchez la boîte à outils ( ) sur la droite.

2. Sélectionnez Afficher tous les composants WebPart, puis sélectionnez ou faites glisser et déposez une image dans la liste des composants WebPart.

3. Choisissez une image récente ou une image parmi celles qui suivent :

   • Images d’archives fournies par Microsoft

   • Une recherche sur le web

   • Un site

   • Votre ordinateur

   • Un lien

   • Si votre organisation a spécifié un ensemble d’images approuvées, vous pouvez faire votre choix parmi cet ensemble sous Votre organisation.

     

     Remarque

     • La recherche web utilise des images Bing qui utilisent la licence Creative Common. Vous êtes responsable de la révision de la licence d’une image avant de l’insérer sur votre page.
     • L’approvisionnement de l’image à partir d’une bibliothèque SharePoint ne garantit pas que les visiteurs de la page auront les autorisations nécessaires pour afficher l’élément.  Les auteurs de pages seront invités à copier l’image dans la bibliothèque de ressources du site pour garantir la visibilité de l’image à tous les lecteurs de page.
     • Si vous êtes un administrateur SharePoint Administration et que vous voulez découvrir comment créer une bibliothèque de biens pour votre organisation, consultez Créer une bibliothèque de biens d’organization.
     • Si vous êtes un administrateur SharePoint, nous vous recommandons d’activer un réseau de distribution de contenu (CDN) pour améliorer les performances d’obtention des images. En savoir plus sur les CDN.

4. Cliquez sur Ouvrir ou Ajouter une image (en fonction de l’origine de votre image).

5. Si vous le souhaitez, tapez une légende sous l’image dans le composant WebPart.

6. Cliquez sur Modifier les propriétés ( de la section) en haut à gauche du composant WebPart pour modifier l’image, ajouter un lien vers l’image, ajouter du texte par-dessus l’image et ajouter ou modifier un texte de remplacement (pour les personnes qui utilisent des lecteurs d’écran).
   
   Texte de remplacement automatique Lorsque vous insérez une image, un texte de remplacement (pour les personnes disposant de lecteurs d’écran) est généré automatiquement. Dans de nombreux cas, le texte est automatiquement enregistré avec votre image, sauf si vous la modifiez ou la supprimez. Dans les cas où le niveau de confiance du texte de remplacement de l’image n’est pas élevé, vous verrez une alerte sur l’image qui vous permet de revoir et de modifier ou de conserver le texte de remplacement.

   

Rogner votre image

Vous pouvez rogner une image sans ou sans utiliser de proportions prédéfinies.

1. Si vous n’êtes pas déjà en mode Édition, cliquez sur Modifier en haut à droite de la page.

2. Cliquez sur l’image que vous souhaitez modifier. La barre d’outils pour modifier les images s’affiche.
   

   1. Proportions
   2. Recadrage avec ratio libre
   3. Annuler
   4. Reset
   5. Aperçu (enregistrer)

Rogner à l’aide des proportions

Le rognage avec les proportions vous permet de décider de la proportion de la largeur et de la hauteur de votre image. La zone entourée en bleu dans l’image suivante présente une sélection de proportions de 1:1 (carré).

1. Cliquez sur le bouton Proportions Bouton de .
   Une barre d’outils supplémentaire apparaîtra, avec des options pour différents rapports hauteur/largeur.
   
   Sélectionnez les proportions souhaitées. 16:9 est l’option la plus à gauche, suivie de 3:2, 4:3 et 1:1. Une zone d’aperçu s’affiche pour vous montrer comment votre photo sera rognée. Vous pouvez déplacer la zone de rognage dans votre image pour modifier la zone rognée.
   Vous pouvez également faire pivoter la zone de rognage afin de modifier l’affichage de l’orientation des proportions en cliquant sur le bouton Faire pivoter la zone de rognage.
2. Lorsque vous avez terminé, cliquez sur Save .

Rogner manuellement

1. Cliquez sur le bouton Rogner avec des proportions libres pour rogner sans utiliser les proportions. Faites ensuite glisser l’un des carrés de chaque côté de l’image pour rendre votre image plus étroite, plus large, plus haute ou plus courte.
2. Lorsque vous avez terminé, cliquez sur Save .

Redimensionner une image

En mode Édition, vous pouvez redimensionner une image en la sélectionnant pour afficher les poignées de redimensionnement, ou en sélectionnant le bouton Redimensionner dans la barre d’outils de l’image. Faites ensuite glisser l’une des poignées pour donner à l’image la taille souhaitée.

Annuler ou réinitialiser

Utilisez le bouton Annuler pour annuler la dernière action. Utilisez le bouton Réinitialiser pour annuler toutes les modifications que vous avez apportées à la fois, en ramenant l’image à l’état dans lequel elle se trouvait depuis votre dernier enregistrement.

Remplacer une image existante par glisser-coller

Si vous avez un composant WebPart d’image existant sur votre page, vous pouvez remplacer l’image en modifiant le composant WebPart et en choisissant une autre image, ou vous pouvez glisser-copier et coller la nouvelle image sur celle que vous souhaitez remplacer. Pour le collage, vous devez utiliser le raccourci clavier (CTRL+V). Voici comment procéder :

Copier et coller

1. Si vous n’êtes pas déjà en mode Édition, cliquez sur Modifier en haut à droite de la page.
2. Copiez l’image par laquelle vous souhaitez remplacer l’image existante.
3. Sur votre page, sélectionnez l’image dans le composant WebPart Image en double-cliquant dessus.
4. Appuyez sur CTRL+V sur votre clavier

Faire un glisser-déplacer

1. Si vous n’êtes pas déjà en mode Édition, cliquez sur Modifier en haut à droite de la page.
2. Sélectionnez l’image par laquelle vous souhaitez remplacer l’image existante.
3. Sur votre page, sélectionnez l’image dans le composant WebPart Image en double-cliquant dessus.
4. Faites glisser l’image sur l’image existante.

Voir aussi

Composant WebPart Galerie d’images

Composant WebPart Hero