3

Image

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.
image.jpg

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 :
Desert.jpg
Franck Sani, artiste peintre

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 :
image.jpg
image.jpg
Légende
de
l'image
Powered by Websico
Site management