Les commandes de cette section vous permettent de définir comment l'Image importée doit être affichée: WebSite X5, en effet, permet d'obtenir aussi des Images panoramiques et/ou avec des effets zoom et déplacement.
Les Mode d'affichage disponibles sont :
|
Redimensionnement automatique de l'image : activée par défaut, cette option redimensionne automatiquement l'image pour l'adapter aux dimensions de la cellule Grille de Mise en page qui la contient. |
|
Agrandir et déplacer manuellement l'image : si vous sélectionnez cette option, vous pouvez agrandir l'image à l'aide d'un clic jusqu'à atteindre les dimensions prévues par le zoom défini. L'image étant agrandie, vous pouvez la déplacer pour mettre en premier plan le détail voulu. Dans ce cas, le déplacement doit être effectué manuellement, en cliquant sur l'image et en la faisant glisser jusqu'à la position voulue. Pour obtenir cet effet, les dimensions de l'image sont d'abord réduites à celles de la cellule de la Grille de Mise en page puis recalculées en fonction du facteur défini pour le Zoom initial (si vous choisissez comme Modalités de déplacement le Déplacement libre) ou en fonction de la Hauteur établie (si vous choisissez l'option Photo panoramique horizontale ou Photo panoramique verticale comme Modalités de déplacement ). Ainsi l'image sera plus grande que la zone d'affichage et vous pourrez vous déplacer à l'intérieur de celle-ci. |
|
Agrandir et déplacer automatiquement l'image : semblable à l'option précédente, toutefois le déplacement se produit en approchant simplement la souris des bordures de l'image. |
Après avoir sélectionné comme Mode d'affichage le Redimensionnement automatique de l'image, vous pouvez agir sur les Paramètres suivants :
| ▪ | Qualité : permet d'indiquer le niveau de qualité à maintenir pour enregistrer l'image en .JPG. Toutes les images importées sont automatiquement converties au format .JPG ou, si vous avez défini la transparence, au format .PNG. Pour l'enregistrement en .JPG, plus le taux de compression est élevé, plus la qualité sera basse. |
|
Il est conseillé d'insérer les fichiers graphiques au format .GIF ou .JPG. Toutes les images insérées, dans un format différent de .JPG, .GIF et .PNG, sont automatiquement converties au format JPG, selon le niveau de compression indiqué. La conversion au format .JPG ou, pour les images pour lesquelles vous avez défini la transparence, au format .PNG est effectuée même si l'image a une taille supérieure à celle de la cellule de la Grille de Mise en page qui la contient et si vous la modifiez au moyen de l'Editeur d'image. Dans tous les autres cas, l'image est copiée telle quelle. Cela est nécessaire pour maintenir l'effet de transparence appliqué aux images .GIF. |
| ▪ | Méthode de réduction : permet de choisir la méthode à appliquer pour diminuer la taille (largeur et hauteur) des images. Vous pouvez choisir entre ces filtres: |
| • | Bilinear (plus rapide) : c'est la méthode de réduction plus rapide mais qui permet de garder une qualité d'image inférieure par rapport aux autres méthodes. |
| • | Decimate (moyen) : c'est la méthode de réduction qui permet d'obtenir les performances, en terme de vitesse et qualité, intermédiaire au autres méthodes. |
| • | Bicubic (plus lent, plus précis) : c'est la méthode de réduction la plus lente, mais qui assure une haute qualité d'image. |
En sélectionnant comme Mode d'affichage Agrandir et déplacer manuellement l'image ou Agrandir et déplacer automatiquement l'image, vous pouvez agir sur les Paramètres suivants :
| ▪ | Modalités de déplacement : permet d'indiquer dans quelle direction l'image peut être déplacée manuellement ou automatiquement. Les options disponibles sont: |
| • | Déplacement libre : L'image peut être glissée aussi bien dans le sens horizontal que vertical. Dans ce cas, vous devez spécifier la valeur de Zoom max : par exemple, un facteur d'agrandissement défini à 200% double les dimensions d'origine de l'image. |
|
|
Image insérée |
Image avec l'effet |
| • | Photo panoramique horizontale : L'image peut être glissée seulement dans le sens horizontal. Pour bien exploiter cet effet, la base de l'image doit être beaucoup plus grande que sa hauteur. Dans ce cas, vous devez spécifier la valeur en pixels de la hauteur de l'image dans le champ Hauteur approprié. |
|
|
Image insérée |
Image avec l'effet |
| • | Photo panoramique verticale : l'image peut être glissée seulement dans le sens vertical. À présent, vous devez utiliser des images ayant une hauteur beaucoup plus grande que la base et définir dans le champ Hauteur la valeur en pixels que vous voulez maintenir pour la cellule de la Grille de mise en page. |
|
|
Image insérée |
Image avec l'effet |
| ▪ | Zoom max : disponible seulement pour le mode Déplacement libre, elle permet de définir le facteur d'agrandissement à appliquer à l'image pour qu'elle soit plus grande que la zone d'affichage. En effet, si l'image n'était pas agrandie, vous ne pourriez pas la faire glisser. |
| ▪ | Hauteur : disponible seulement pour le mode de déplacement Photo panoramique horizontale et Photo panoramique verticale, elle permet de définir, dans le premier cas, la valeur en pixels de la hauteur de l'image, ou, dans le second cas, la hauteur de la cellule de la Grille de mise en page où l'image est affichée. |
| ▪ | Agrandir l'image : activée par défaut, cette option permet d'agrandir et de rétrécir l'image par la molette de la souris. Quand vous ouvrez la page, l'image apparaît dans sa taille d'origine et l'icône située au bas à droite indique la possibilité de faire le zoom. Quand vous cliquez sur l'image, elle s'agrandit en fonction du facteur de Zoom max défini. |
| ▪ | Afficher la barre de zoom : disponible seulement si l'option Agrandir l'image est activée, elle permet d'afficher une barre pour régler et définir le zoom. |
| ▪ | Afficher le navigateur: si vous sélectionnez cette option, l'utilisateur pourra appeler le navigateur. Le navigateur est une petite fenêtre positionnée sur l'image contenant une miniature de l'image. La fonction du navigateur est de montrer dans un petit cadre, la partie de l'image qui est actuellement affichée: ce cadre peut être glissé dans le navigateur ce qui correspond à déplacer manuellement l'image. En déplaçant la souris en dehors de la fenêtre Image, le navigateur disparaît avec un effet de mouvement en sortie vers le haut. |
| ▪ | Activer le mouvement continu automatique: fait en sorte que l'image continue à se déplacer automatiquement pendant qu'elle est affichée. Cela est utile pour faire comprendre à l'utilisateur qu'il peut agrandir l'image. L'utilisateur peut prendre le contrôle du mouvement en approchant simplement la souris des bordures de l'image, et il peut zoomer grâce à la Barre du Zoom, le cas échéant, ou avec la molette de la souris. |
Si pour l'image avec laquelle vous travaillez le Redimensionnement automatique de l'image a été défini comme Mode d'affichage, vous pouvez prévoir un Effets au survol de la souris :
| ▪ | Effets au survol de la souris : définit le type d'effet qui doit être reproduit au passage de la souris sur l'image parmi ceux proposés. |
| ▪ | Paramètres : différents selon le type d'Effets au survol de la souris sélectionné, permettent de définir les paramètres qui définissent l'effet (par exemple, la couleur et l'épaisseur de la bordure pour l'effet "Bordure Colorée"). |
Enfin, il est possible d'utiliser les options de Protection pour empêcher la copie non autorisée des images :
| ▪ | Protéger l'image contre la copie : vous pouvez protéger l'image en empêchant qu'elle soit facilement copiée à l'aide de la commande Enregistrer image sous des menus Popup des différents Navigateurs. |
Bonnes pratiques :
