Comment insérer une image?
Icone Insérer/éditer une image
L'icone "Insérer une image permet d'insérer une image au sein du texte de votre page. Si vous souhaitez afficher plusieurs images dans le cadre d'un dipaorama, il faut utiliser l'onglet photos de votre page.
Quand vous cliquez sur l'icone insérer une image, une fenêtre s'ouvre et vous permet de choisir entre différentes options pour l'affichage de vos images. A noter que seuls les formats jpeg, gif et png sont acceptés.
La fenêtre d'insertion et d'édition de l'image
- Fichier : sélectionner sur le bureau le fichier image (format Gif, Jpef ou PNG) en cliquant sur le bouton "Choisissez un fichier".
- Description : le champ description de l'image est très important pour le référencement de vos images et de votre site dans les moteurs de recherche. Il est également utile pour informer les internautes quand l'image ne s'affiche pas dans leur navigateur (problème de connexion ou choix de l'internaute de ne pas les afficher).
- Taille : une fois l'image choisie sur votre disque dur, déterminez la taille. UGAL redimensionne automatiquement les images: il en réduit le poids (résolution) et la taille. Pour un affichage rapide de vos pages, il est important que vos images ne pèsent pas plus que quelques Ko. Si les images sélectionnées sur votre disque dur sont lourdes (plusieurs Mo), le temps de mise en ligne peut durer un peu, en fonction de la qualité de votre connexion. Les options de taille sont 100, 250, 400, 600 ou 800 pixels (largeur). UGAL n'agrandira pas vos images afin de ne pas détériorer leur qualité : si l'image de départ fait 150 pixels de large et que vous choisissez 400 pixels, elle restera à 150 pixels sur votre site. En revanche si votre image de départ fait 500 pixels et que vous choisissez 400 pixels, UGAL réduira la taille.
- Bordure : le champ bordure (unité = pixel) permet d'entourer l'image d'une bordure. La couleur de la bordure est définie dans le thème graphique de votre site (fichiers CSS).
- Alignement : pour déterminer l'emplacement de votre image. Dans le champ alignement, laissez -- Non défini -- si vous ne souhaitez pas que l'image s'insère dans un bloc de texte. Sinon choisissez la position (droite ou gauche).
Le Tshirt n'est pas aligné dans le texte
Le Tshirt est aligné à gauche du texte
Vous pouvez également préciser la classe CSS de l'image ainsi que son style, si ces éléments sont précisés dans vos fichiers CSS.
Voir aussi