Image
Pour commencer
Le composant Image permet d’afficher des images à vos mises en page pour illustrer vos contenus. Pour ajouter plusieurs images, consultez aussi Galerie.
- Pour en savoir plus sur les composants, veuillez consulter Démarrer avec les composants
- Pour en savoir plus sur l’ajout d’image, veuilles consulter Gérer les média
Contenu
- Editez votre page
- Cliquez sur l’icône
à l’endroit où vous souhaitez ajouter le composant - Dans le sélecteur de composant cliquez sur Image
- Editez le composant en cliquant dessus
- Cliquez sur Sélectionner une image
- Sélectionnez une image dans le gestionnaire de média ou entrez l’URL d’une image distante dans le champ juste en dessous. Pour en savoir plus sur l’ajout d’image au gestionnaire de média, veuillez consulter Gérer les média
- Ajouter un balise ALT (facultatif mais fortement conseillé pour le référencement)
- Ajouter un lien (facultatif)
- Fixez une largeur ou un longueur ou les deux (facultatif)
- Prévisualisez le résultat
Pour en savoir plus sur l’ajout de lien, veuillez consulter Le gestionnaire de liens
BALISE ALT
La balise Alt est le texte alternatif des images de votre site. Cette balise a une importance considérable en terme notamment de référencement. Elle permet de décrire une image aux personnes qui ne peuvent pas la voir comme les robots d’exploration, les personnes malvoyantes…
Vous pouvez renseigner une balise Alt globale pour chaque image dans le Gestionnaire de média ; celle-ci sera utilisée pour toutes les occurrences de cette image dans votre site si la balise Alt du composant image est vide. Si cette dernière est remplie celle-ci sera utilisée à la place de balise Alt globale.
TAILLE DE L’IMAGE
Vous pouvez renseigner les dimensions de votre image en remplissant le champ Largeur ou le champ Hauteur ou les 2. Le réglage d’une seule valeur préserve les proportions de l’image. Si vous renseignez les 2, l’image sera, si possible, redimensionnée et recadrée automatiquement.
La plateforme affiche la meilleur taille d’image, en fonction de la largeur de la fenêtre du navigateur du visiteur, parmi les tailles suivantes : 768px, 1024px, 1366px, 1600px, 1920px.
Nous vous recommandons de télécharger une image un peu plus grande que la taille maximale utilisée dans la page et de toujours renseigner une Largeur correspondant à la largeur maximal d’utilisation de l’image.
Paramètres
| OPTION | DESCRIPTION |
|---|---|
| Style | Appliquer un Style à l’élément parmi Default (Normal), Rounded (Arrondi), Circle(Circulaire) |
| Alignement | Fixer l’alignement horizontal de l’élément |
| Général | Veuillez consulter Options générales des composants |
Vous pouvez modifier les styles de ces différentes options depuis Design > Styles. Pour en savoir plus sur la personnalisation des styles, consultez Styles
Avancé
Veuillez consulter Options avancées des composants