Définition
Le composant Image permet d'insérer des images de différents formats. En mode standard un recalcul automatique optimise le poids et le format (en le convertissant en JPG) en fonction de la taille d'affichage.
Utilisation
Insérer une image
Ajouter un élément de type Image, qui apparaîtra ainsi :
Cliquez sur cette image puis sur "Parcourir" et choisissez votre image dans vos fichiers et procédez à son chargement sans vous soucier de sa taille définitive.
Puis ajustez l'image à la taille souhaitée et rechargez-la pour obtenir le meilleur rapport poids/qualité.
Mode galerie
Il permet au visiteur de voir l'image agrandie; toutes les images de la page avec le mode galerie sélectionné seront alors accessibles agrandies et en diaporama.
Pour une bonne qualité, rechargez l'image après avoir sélectionné le mode galerie.
Cette page contient 2 images exemples en galerie :
Conserver le format original
Cette option empêche le recalcul automatique au moment du chargement de l'image. Elle permet de conserver le format d'origine d'une image et d'insérer une image animée ou transparente.
Si la taille de l'image est retouchée ensuite et si le format original était du JPG, on revient au cas général: recalcul et JPG.
Ajuster la taille
La taille de l'image peut être ajustée en tirant ses bords à la souris ou bien en introduisant les dimensions au clavier.
Trucs & Astuces
Taille
Pour concilier qualité de rendu et temps de chargement optimum, nous
conseillons une dimension maximale de 1024 x 768 pixels et un poids maximum de 2 Mo.
Format
Démarche conseillée :
- Dans le cas où il n'y a pas de transparence ou d'animation
- Utilisez la méthode standard.
- Si la qualité est insuffisante, essayez en GIF.
- Si la qualité est insuffisante, essayez en PNG.
- Dans le cas où il y a de la transparence
- Évitez le format PNG si vous souhaitez que votre image soit correctement affichée sur les anciens navigateurs. Préférez alors le GIF.
- Si la qualité est insuffisante, reconsidérez la transparence de l'image et utilisez un artifice visuel.
- Dans le cas ou il y a de l'animation
- Utilisez le GIF ou remplacez l'image par un fichier multimédia.
Aller à la ligne dans une légende...
Pour aller à la ligne dans la légende d'une image, introduire les caractères : \n
Exemple :

Légende
de
l'image