Créez une superbe expérience visuelle sur votre site mobile en affinant les images reportées de votre version ordinateur, ainsi qu'en personnalisant les images que vous ajoutez à partir de l'éditeur mobile.
La personnalisation des images reportées depuis le bureau est limitée - vous pouvez ajuster les paramètres de votre image, rogner l'image et ajouter des animations amusantes. Avec les images ajoutées à partir de l'éditeur mobile, vous avez un contrôle total sur la personnalisation - ajoutez des filtres et des cadres, personnalisez ce qui se passe lorsque l'on clique sur une image et ajoutez même des liens.
En savoir plus sur les images :
Images reportées de votre version ordinateur
Les images que vous ajoutez à la version ordinateur de votre site sont automatiquement reportées sur votre site mobile. Vous pouvez personnaliser les paramètres de l'image, la rogner et ajouter une animation pour la rendre différente de la version ordinateur.
Pour personnaliser des images transférées depuis le bureau :
- Cliquez sur l'image dans votre éditeur mobile.
- En fonction de ce que vous souhaitez personnaliser, procédez comme suit :
Modifier mes paramètres d'image
Personnalisez la façon dont vos visiteurs interagissent avec vos images ainsi que ce qui se passe lorsque les images sont redimensionnées sur différents appareils mobiles.
Pour modifier les paramètres de votre image :
- Dans la vue mobile, cliquez sur l'image.
- Cliquez sur l'icône Paramètres
. - Personnalisez les éléments suivants :
- Comportements des images : Décidez de la manière dont vos visiteurs interagissent avec les images.
- Lorsqu'une image est tapée :
- Rien ne se passe : L'image n'est pas cliquable, rien ne se passe lorsqu'on clique dessus.
- Un lien s'ouvre : L'image agit comme un bouton et peut être liée à une page, à une ancre sur votre site, à une URL externe, etc.
- Elle s'ouvre dans une fenêtre pop-up : L'image s'ouvre dans une fenêtre pop-up.
- Redimensionnement de l'image : Décidez de ce qui se passe lorsque vos images sont redimensionnées.
- Conserver les proportions : L'image et la forme conservent leurs proportions d'origine lorsqu'elles sont redimensionnées.
- Remplissage automatique : L'image s'ajuste automatiquement pour remplir l'espace sur l'appareil de votre visiteur.
Présentez une nouvelle version de votre image dans votre vue mobile en rognant manuellement votre image ou en utilisant un rognage de forme.
Pour rogner manuellement une image :
- Dans la vue mobile, cliquez sur l'image.
- Cliquez sur l'icône Forme du cadre
. - Faites glisser le curseur pour effectuer un zoom avant ou arrière sur l'image.
- Déplacez l'image pour afficher la partie que vous souhaitez.
- Cliquez sur Appliquer .
Pour rogner une image à l'aide de formes :
- Dans la vue mobile, cliquez sur l'image.
- Cliquez sur l'icône Forme du cadre .
- Faites glisser le curseur pour effectuer un zoom avant ou arrière sur l'image.
- Cliquez sur l'icône Forme du cadre
et choisissez une forme. - Cliquez sur Appliquer.
Ajouter une animation d'image
Ajoutez une animation amusante à votre image sur mobile pour animer votre site.
Pour ajouter une animation :
- Dans la vue mobile, cliquez sur l'image.
- Cliquez sur l'icône Animation
. - Sélectionnez l'animation que vous souhaitez appliquer.
- Cliquez sur Personnaliser pour ajuster votre animation.
Images ajoutées à partir de l'Éditeur mobile
Choisissez parmi une variété de types d'images à ajouter à votre site, directement depuis l'éditeur mobile. Les images ajoutées dans l'éditeur mobile sont entièrement personnalisables. Ajustez les paramètres et le design de votre image, ajoutez des filtres, rognez et ajoutez même des animations.
Quels sont les types d'images disponibles ?
- Mes téléchargements : Téléchargez vos propres fichiers image à utiliser sur votre site.
- Collections d'images : Choisissez parmi des centaines d'images et d'illustrations disponibles sur Wix, Shutterstock et Unsplash.
- Mes images sociales : Connectez vos comptes de réseaux sociaux pour afficher des images provenant de plateformes telles que Facebook et Instagram.
Pour ajouter et personnaliser des images pour mobile uniquement :
- Cliquez sur l'icône Ajouter au mobile
à gauche. - Cliquez sur Image .
- Sélectionnez le type d'image que vous souhaitez ajouter.
- Cliquez sur l'image que vous souhaitez télécharger et cliquez sur Ajouter à la page .
- En fonction de ce que vous souhaitez personnaliser, procédez comme suit :
Modifier mes paramètres d'image
Affinez ce qui se passe lorsque l'on clique sur votre image, ajoutez une info-bulle et/ou un texte Alt pour aider Google à lire votre image. Vous pouvez également choisir ce qui arrive à vos images lorsqu'elles sont redimensionnées.
Pour définir ce qui se passe lorsque l'on clique sur une image :
- Cliquez sur l'image.
- Cliquez sur l'icône Paramètres .
- Cliquez sur le menu déroulant Lorsque l'on clique sur l'image et sélectionnez une option :
- Rien ne se passe : Il ne se passe rien lorsque l'on clique sur l'image.
- Un lien s'ouvre : L'image agit comme un bouton et peut être liée à une page, à une position ou à une ancre sur votre site, à une URL externe, à un document ou à une adresse e-mail.
- Elle s'ouvre dans une fenêtre pop-up : L'image s'ouvre dans une fenêtre pop-up.
- Elle peut être agrandie : Le curseur devient une loupe lorsqu'un visiteur survole l'image. Cliquer sur l'image l'agrandit.
Pour ajouter du texte Alt à votre image :
- Cliquez sur l'image.
- Cliquez sur l'icône Paramètres .
- Saisissez le texte dans le champ de texte "Que contient l'image? Dites-le à Google.
Pour ajouter une infobulle à une image :
- Cliquez sur l'image.
- Cliquez sur l'icône Paramètres .
- Saisissez le texte dans le champ texte Cette image a-t-elle une infobulle ?.
Pour redimensionner vos images :
- Cliquez sur l'image.
- Cliquez sur l'icône Paramètres .
- Cliquez sur le curseur correspondant pour choisir ce qui arrive à vos images lorsqu'elles sont redimensionnées.
- Conserver les proportions : L'image et la forme conservent leurs proportions d'origine lorsqu'elles sont redimensionnées.
- Remplissage automatique : L'image s'ajuste automatiquement pour remplir l'espace.
Remarque : Le remplissage automatique ne peut être activé qu'une fois l'option Conserver les proportions activée.
Ajouter un design de cadre d'image
Modifiez le design de votre image et personnalisez l'apparence du cadre de votre image sur votre site mobile.
Pour personnaliser le design de votre cadre d'image :
- Cliquez sur l'image.
- Cliquez sur l'icône Design
. - Sélectionnez un design prédéfini ou cliquez sur Personnaliser le design .
- Personnalisez l'image :
- Couleur de remplissage et opacité : Sélectionnez les couleurs et l'opacité de l'image.
- Bordure : Créez les bordures de votre image.
- Angles : Arrondissez les angles de votre image.
- Ombre : Créez une ombre pour votre image.
Présentez une nouvelle version de votre image dans votre vue mobile en rognant manuellement votre image ou en utilisant un rognage de forme.
Pour rogner une image :
- Cliquez sur l'image.
- Cliquez sur l'icône Forme du cadre .
- Faites glisser le curseur pour effectuer un zoom avant ou arrière sur l'image.
- Déplacez l'image pour afficher la partie que vous souhaitez.
- Cliquez sur Appliquer .
Pour rogner une image à l'aide de formes :
- Dans la vue mobile, cliquez sur l'image.
- Cliquez sur l'icône Forme du cadre .
- Faites glisser le curseur pour effectuer un zoom avant ou arrière sur l'image.
- Cliquez sur l'icône Forme du cadre
et choisissez une forme. - Cliquez sur Appliquer .
Ajouter des filtres et des animations
Transformez votre image en appliquant l'un de nos filtres et ajoutez une animation pour animer votre site mobile.
Pour ajouter un filtre :
- Cliquez sur l'image.
- Cliquez sur l'icône Filtres
. - Cliquez sur un filtre pour l'ajouter à votre image.
Pour ajouter une animation :
- Dans la vue mobile, cliquez sur l'image.
- Cliquez sur l'icône Animation .
- Sélectionnez l'animation que vous souhaitez appliquer.
- Cliquez sur Personnaliser pour ajuster votre animation.
Ajouter un lien à mon image
Ajoutez des liens à vos images pour encourager les visiteurs à interagir sur votre site.
Pour ajouter un lien à une image :
- Cliquez sur l'icône Lien
. - Sélectionnez le type de lien et saisissez les détails.
- Cliquez sur Terminer .
En savoir plus à propos des types de liens que vous pouvez ajouter à une image.
lorsque vous cliquez dessus.
