Ajouter et personnaliser des images sur votre site web

Vous pouvez ajouter des photos, des éléments graphiques et d’autres types d’images aux pages de votre site web pour raconter l’histoire de votre entreprise ou organisation. L’utilisation d’images sur votre site web est une façon très pratique de parler de vous, de vos produits, services, projets, employés, etc. Avec votre site web public, vous pouvez rapidement et facilement ajouter des images, puis les personnaliser pour leur donner une apparence professionnelle sur votre site web. Regardez la vidéo ci-dessous pour une démonstration rapide. Le reste de cet article s’affiche sous la vidéo.

Votre navigateur ne prend pas en charge la vidéo. Installez Microsoft Silverlight, Adobe Flash Player ou Internet Explorer 9.

Contenu de cet article

Télécharger des images

Personnaliser des images

Utiliser les rendus d’image

En savoir plus

Télécharger des images

Vous pouvez télécharger des images de deux façons différentes sur votre site web. Si vous téléchargez une seule image, il vous suffit d’accéder à une page web et d’ajouter l’image. Si vous téléchargez plusieurs images ou des dossiers contenant des images, il est préférable d’accéder à une bibliothèque d’images sur votre site web et de télécharger les images. Ces deux approches sont décrites dans cet article.

Insérer une image sur une page

Pour ajouter une image à votre site web, accédez à la page sur laquelle vous voulez ajouter l’image et utilisez la barre d’outil d’édition de la page pour insérer l’image.

  1. Accédez à la page à laquelle vous souhaitez ajouter une image.

  2. Cliquez sur l’onglet Page et choisissez Modifier.

  3. Cliquez sur l’onglet Insérer et choisissez Image.
    Insérer une image sur un site web

  4. Choisissez l’emplacement source de l’image :

    • À partir de l’ordinateur pour télécharger une image à partir de votre ordinateur. Une fois que vous avez sélectionné une image, choisissez une bibliothèque de destination, par exemple Éléments de site ou Photos.

    • Adresse de provenance pour faire référence à une image qui existe déjà en ligne. Il peut s’agir de votre site web ou d’un site web tiers. Ajoutez l’Adresse et le Texte de remplacement pour l’image.

    • À partir de SharePoint pour faire référence une image qui existe déjà sur votre site web. Dans la fenêtre Sélectionner un bien, accédez à l’image sur votre site web et cliquez sur Insérer.

  5. Personnalisez l’image si nécessaire, puis cliquez sur Enregistrer ou Enregistrer et publier.

Haut de la page

Télécharger un groupe d’images dans une bibliothèque

Pour télécharger un groupe d’image sur votre site web, puis ajouter les images à des pages ultérieurement, accédez à la bibliothèque dans laquelle sont stockées les images et ajoutez des images supplémentaires.

  1. Sur votre site web, cliquez sur Paramètres Bouton Paramètres du site web public SharePoint Online et choisissez Contenu du site.

  2. Cliquez sur la bibliothèque dans laquelle stocker vos images. L’emplacement par défaut est Éléments de site. Vous pouvez utiliser cet emplacement, utiliser la bibliothèque Photos ou créer une bibliothèque, en cliquant sur ajouter une application.

  3. Une fois dans la bibliothèque d’images, faites glisser les images directement sur l’écran, à l’endroit où figure le message faire glisser les fichiers ici, comme indiqué ici.
    Glisser-déplacer des images dans une bibliothèque

    Remarque    Si vous ne voyez pas s’afficher l’option permettant de glisser-déplacer les fichiers, installez la dernière version de votre logiciel de navigation. Cette fonctionnalité nécessite la dernière version d’Internet Explorer, de Firefox ou de Chrome.

  4. À la place d’un glisser-déplacer, vous pouvez cliquer sur nouveau document, choisir Télécharger un fichier existant, puis cliquer sur Parcourir pour rechercher l’image.

  5. Vous pouvez également cliquer sur Télécharger des fichiers à l’aide de Windows Explorer à la place et faire glisser les images à l’aide de l’Explorateur Windows.
    Télécharger avec l’Explorateur Windows

    Remarque    Cette option nécessite le navigateur web Internet Explorer et la sélection de l’option Maintenir la connexion.

  6. Quand vous avez terminé de télécharger les images, accédez à la page sur laquelle vous voulez ajouter une image et suivez les étapes décrites précédemment pour insérer des images à partir de SharePoint.

Haut de la page

Personnaliser des images

Une fois vos images téléchargées sur votre site web, vous pouvez personnaliser l’apparence de ces images à l’aide de la barre d’outils d’édition de page. Vous pouvez changer la taille, l’espacement, la position, le style, etc. Ces modifications n’affectent pas l’image source, donc si vous ajoutez la même image à plusieurs pages de votre site web, vous pouvez la personnaliser de différentes façons.

Remarque    La barre d’outils d’édition vous permet d’effectuer des modifications de base, pour des personnalisations avancées ou la compression de fichier, utilisez un programme d’édition d’images dédié pour personnaliser vos images.

  1. Accédez à la page contenant l’image que vous voulez personnaliser.

  2. Cliquez sur l’onglet Page et choisissez Modifier.

  3. Sélectionnez l’image sur la page, puis cliquez sur l’onglet Image.
    Options d’édition d’image

  4. Utilisez les options d’édition d’image pour personnaliser l’apparence de l’image :

    • Modifier l’image pour remplacer l’image existante par une autre image se trouvant sur votre ordinateur, sur le web ou sur votre site web SharePoint.

    • Choisir un rendu pour changer le rendu utilisé pour afficher l’image. (Reportez-vous à la section suivante pour le rendu des images.)

    • Adresse pour changer l’adresse de l’image, qui remplace l’image existante par une autre.

    • Texte de remplacement pour changer le texte de remplacement qui s’affiche quand les utilisateurs placent la souris sur l’image.

    • Styles d’image pour changer le style de bordure qui s’affiche autour de l’image.

    • Position pour aligner l’image avec le texte. Vous pouvez choisir Gauche, Droite, Haut, Milieu, ou Bas.

    • Taille horizontale pour changer la largeur de l’image en pixels ou pourcentage.

    • Taille verticale pour changer la hauteur de l’image en pixels ou pourcentage.

    • Conserver les proportions verrouille la taille afin que l’image ne soit pas déformée.

    • Espacement horizontal pour changer l’espacement à gauche ou à droite de l’image.

    • Espacement vertical pour changer l’espacement au-dessus ou au-dessous de l’image.

  5. Une fois la personnalisation de l’image terminée, cliquez sur Enregistrer ou Enregistrer et publier.

Haut de la page

Utiliser les rendus d’image

Les rendus d’image vous permettent de personnaliser l’apparence d’une image et d’enregistrer cette personnalisation sous la forme d’un modèle. Avec les rendus d’image, vous pouvez réutiliser la même image à plusieurs endroits de votre site web, mais la rendre différente à chaque fois. Dans l’illustration ci-dessous, l’image d’origine se trouve en haut.

Avec les rendus d’image, vous pouvez créer trois versions séparées de la même image : le logo rogné à gauche, l’image redimensionnée au milieu et l’arrière-plan rogné à droite. Vous pouvez utiliser ces trois images dans votre site web, qui proviennent toute de la même image source.

Concept de rendu d’image

Suivez les étapes ci-après pour configurer les rendus d’image sur votre site web.

Créer le rendu d’image

  1. Sur votre site web, cliquez sur Paramètres Bouton Paramètres du site web public SharePoint Online et choisissez Paramètres du site.

  2. Sous Aspect, cliquez sur Rendus d’image.

  3. Cliquez sur Ajouter un nouvel élément pour créer le nouveau rendu de l’image.

  4. Dans le champ Nom, tapez un nom pour le rendu. (Par exemple, « Image miniature petite ».)

  5. Dans les champs Largeur et Hauteur, entrez des valeurs en pixels. (Par exemple, 50 pixels par 50 pixels.)

  6. Quand vous avez terminé, cliquez sur Enregistrer.

Modifier les paramètres de rendu d’image

  1. Sur votre site web, cliquez sur Paramètres Bouton Paramètres du site web public SharePoint Online et choisissez Contenu du site.

  2. Accédez à la bibliothèque dans laquelle les images de votre site web sont stockées et téléchargez les nouvelles images. L’emplacement par défaut est Éléments de site. Vous pouvez utiliser cette bibliothèque, la bibliothèque Photos ou une bibliothèque personnalisée.

  3. Cochez l’image que vous voulez utiliser pour créer le rendu d’image.

  4. Cliquez sur l’onglet Création puis cliquez sur Modifier les rendus.
    La page Modifier les rendus affiche tous les rendus d’image sous la forme d’aperçu et une option pour les changer.

  5. En regard du rendu d’image que vous avez créé (« Image miniature petite » dans l’exemple), choisissez Modifier.

  6. Utilisez l’outil de sélection pour choisir la partie de l’image à afficher.

  7. Quand vous avez terminé, cliquez sur Enregistrer.

  8. Dans la page Rendus d’image, cliquez sur OK.

Ajouter le rendu d’image à une page

  1. Accédez à la page à laquelle vous souhaitez ajouter le rendu d’image.

  2. Cliquez sur l’onglet Page et choisissez Modifier.

  3. Cliquez sur l’onglet Insertion, choisissez Image, et sélectionnez À partir de SharePoint.

  4. Accédez à l’image existante sur votre site web, puis cliquez sur Insérer.

  5. Sélectionnez l’image sur la page, puis cliquez sur l’onglet Image.

  6. Cliquez sur Choisir un rendu et choisissez le rendu d’image que vous avez créé.
    L’image s’affiche sur la page en fonction de la taille que vous avez spécifiée dans le rendu d’image.

  7. Cliquez sur Enregistrer ou Enregistrer et publier.

Haut de la page

En savoir plus

En plus des images, vous pouvez ajouter d’autres contenus aux pages de votre site web, par exemple du texte, des liens, des tableaux, et des vidéos. Voir Aide sur les sites web publics pour Office 365.

Haut de la page

S’applique à : Office 365 End User, SharePoint Online, SharePoint Online Website



Ces informations vous ont-elles été utiles ?

Oui Non

Comment pouvons-nous nous améliorer ?

255 caractères restants

Afin de protéger votre vie privée, n’indiquez aucune information de contact dans vos commentaires. Lisez notre déclaration de confidentialité.

Nous vous remercions pour vos commentaires.

Ressources de support

Changer la langue