Les principaux formats du Web sont GIF et JPEG. La compression GIF est intéressante si votre image contient des aplats de couleur, un logo par exemple, la compression JPEG est plus performante sur une photo qui comprend de nombreuses nuances.
La compression a pour effet d’alléger le poids d’une image en kilooctets, donc de l’afficher plus vite dans la fenêtre du navigateur. Le format GIF permet également de sélectionner une couleur pour la rendre transparente, ce qui aura pour vertu de faire apparaître la couleur de fond de page en lieu et place de la couleur choisie. Si par exemple, vous avez un logo rond, il est dommage de voir ce logo apparaître dans un carré blanc.
En rendant son fond transparent, cette image apparaîtra ronde, posée sur le fond de page, quelle que soit sa couleur.
La balise pour intégrer une image dans une page est <img src="images/image.gif" width="100" height="100" alt="liste des candidats" align="bottom">. Pour que l’image s’affiche plus vite, il est préférable d’ajouter la largeur width et la hauteur height. L’image est souvent utilisée comme lien de navigation, il est donc conseillé d’y ajouter l’attribut alt qui affichera un texte dès que le curseur de la souris la survolera.
Ce texte explique la destination du lien, ou le cas échéant, attribue une légende à l’image. L’attribut align place le texte qui l’accompagne.
Dans le cas de bottom, le texte se place en bas de l’image, middle place le texte au milieu et top en haut de l’image.
Figure : Bottom, middle, top
La compression a pour effet d’alléger le poids d’une image en kilooctets, donc de l’afficher plus vite dans la fenêtre du navigateur. Le format GIF permet également de sélectionner une couleur pour la rendre transparente, ce qui aura pour vertu de faire apparaître la couleur de fond de page en lieu et place de la couleur choisie. Si par exemple, vous avez un logo rond, il est dommage de voir ce logo apparaître dans un carré blanc.
En rendant son fond transparent, cette image apparaîtra ronde, posée sur le fond de page, quelle que soit sa couleur.
La balise pour intégrer une image dans une page est <img src="images/image.gif" width="100" height="100" alt="liste des candidats" align="bottom">. Pour que l’image s’affiche plus vite, il est préférable d’ajouter la largeur width et la hauteur height. L’image est souvent utilisée comme lien de navigation, il est donc conseillé d’y ajouter l’attribut alt qui affichera un texte dès que le curseur de la souris la survolera.
Ce texte explique la destination du lien, ou le cas échéant, attribue une légende à l’image. L’attribut align place le texte qui l’accompagne.
Dans le cas de bottom, le texte se place en bas de l’image, middle place le texte au milieu et top en haut de l’image.
Figure : Bottom, middle, top
Aucun commentaire:
Enregistrer un commentaire