Configurer ou redimensionner une image

Chaque image insérée dans une page dispose de propriétés que vous pouvez définir et modifier.

Pour configurer une image, modifier la page puis cliquez avec le bouton droit de la souris sur l'image que vous souhaitez paramétrer afin d'obtenir un menu déroulant dans lequel vous pouvez choisir l'option Propriétés de l'image :

Une autre possibilité consiste à cliquer sur l'image pour la sélectionner (des petits carrés apparaissent dans ses coins pour signaler qu'elle est sélectionnée) puis à cliquer sur le bouton Image :

Propriétés de l'image

La fenêtre des propriétés de l'image permet de définir ses principaux paramètres :

1. l'url (l'adresse) du fichier image sur le serveur, obtenue à l'aide du bouton Explorer le serveur
2. la largeur et la hauteur de l'image (en pixels) qui sera affichée sur la page
3. cliquer sur le cadenas permet de le fermer afin que la proportion hauteur/largeur de l'image soit conservée lorsque l'on modifie la hauteur ou la largeur de l'image
4. Réinitialisation des dimensions de l'image à sa taille d'origine
5. Epaisseur (en pixels) du trait de bordure de l'image. Laisser vide sauf si l'on souhaite délimiter les contours de l'image par un trait.
6. Position de l'image par rapport au texte
7. Prévisualisation (approximative) du positionnement de l'image par rapport à un texte fictif

Redimensionner l'image

Il est souvent préférable de réduire la taille des images affichées sur les pages pour plusieurs  raisons :

• améliorer les performances (les grandes images sont longues à charger)
• compacter la page afin d'éviter d'utiliser sans cesse les ascenseurs ou la molette de la souris pour parcourir l'article (pensez à ceux qui ont de petits écrans)
• Equilibrer la surface occupée par les images par rapport à celle du texte

La plateforme s'occupe de tout et se charge de réduire la taille des images pour vous. Cependant, si le redimensionnement réalisé automatiquement ne vous convient pas, vous pouvez redimensionner vous-même les images de votre page.

Pour redimensionner une image affichée sur une page, modifiez la page en question. Dans la zone de texte où est situé l'image, cliquez sur le bouton Agrandir afin d'augmenter la taille de la zone d'affichage du texte et des images :

Cliquez sur l'image à redimensionner. De petits carrés apparaissent à chaque coin de l'image et vous permettent de modifier la taille de l'image en cliquant dessus puis en déplaçant la souris sans relâcher le bouton de la souris, jusqu'à obtenir la taille désirée.

Selon le navigateur utilisé, les petits carrés entourant l'image peuvent ne pas apparaitre. Dans ce cas, utilisez les propriété de l'image, comme décrit ci-dessus, pour modifier sa taille.

Pendant cette opération, la proportion entre la hauteur et la largeur de l'image n'est pas conservée et cette dernière peut se retrouver trop étirée en hauteur ou en largeur…

Pas de soucis, lors de l'enregistrement de la page, les dimensions de l'image seront recalculée afin de restaurer le rapport hauteur/largeur initial et éviter les distorsions (c'est la largeur de l'image qui est conservée et la hauteur qui est ajustée).

Cliquez de nouveau sur le bouton qui vous a permis préalablement d'agrandir la zone d'affichage pour, cette fois, la réduire. Cliquez ensuite sur le bouton Enregistrer pour visualiser le résultat avec l'image réduite :

Notez que l'image réduite a retrouvé ses proportions hauteur/largeur d'origine et qu'il suffit aux visiteurs de cliquer dessus pour la visualiser à sa taille d'origine :