--- Le premier qui me clique,,, je frappe !

En 1989, avec l'invention du premier navigateur (Mosaic) le Web démarrait et l'accès au multimédia commençait par l'intégration d'images. Les pages changeaient de physionomie et les liens permettaient d'aborder les premières vagues du surf, avec des améliorations incessantes qui font qu'aujourd'hui l'Internet a rejoint la télévision ou la presse sur le plan de la présentation multimédia.

En 1992, les premiers ordinateurs "familiaux" affichaient pompeusement des RAM de 4 Mo et des disques durs de 20 à 40 Mo ! Autrement dit l'unité de calcul de base était le Ko (kilo-octet) soit en jargon informatique, le kilo. Et tout naturellement le kilo étant l'unité de poids il s'est créé un amalgame qui fait qu'aujourd'hui vous entendez parler du poids d'un fichier, d'une image, d'un son.

La difficulté à surmonter, est de concilier qualité artistique et faible poids.

Ce poids est un élément très important lorsque vous créez votre site, pour ne pas pénaliser votre visiteur en lui imposant des pages trop lourdes "à monter" sous peine de le voir partir rapidement. Le texte arrive toujours mais lorsque le navigateur repart chercher les images, il met un "certain temps" à les rapatrier en fonction de plusieurs paramètres et le poids de l'image est souvent le plus important.

Les images sont indispensables pour agrémenter et rompre la monotonie d'un document seulement textuel, ou apporter des explications ou encore argumenter des documents. Il vous faut sélectionner avec soin vos graphiques pour joindre l'utile à l'agréable, ce qui n'est pas toujours facile car il ne faut pas en abuser.

Ici, j'ouvre une parenthèse pour expliquer que mon site se voulant surtout utile, j'ai choisi de privilégier le texte en y apportant seulement quelques images, vu que vous venez pour vous e documenter, et non visiter un site touristique ou ludique.

 Les images ont aussi leur petit lexique personnel, et je vous propose quelques définitions :

- Il existe des images en noir et d'autres en couleur, la plupart sont fixes mais vous trouverez aussi des images animées, ces dernières pesant davantage que les fixes ce qui est compréhensible vu qu'elles sont constituées d'une succession de plusieurs images fixes à l'identique des dessins animés.

- La résolution de vos images sur le Web est généralement de 72 x 72 dpi (dots per inch = points par pouce = ppp).

- Vous trouverez des images au format GIF, JPEG (JPG) les plus utilisées, et le format PNG appelé à remplacer le GIF mais on ne sait trop quand ? Quelques autres formats marginaux qui ne garantissent pas leur affichage par tout les navigateurs et qui de ce fait ne sont pas retenus dans cette étude.
Il faut noter que ces termes de gif et jpg que vous allez découvrir sont des fichiers plus ou moins compressés sans dégradation notable de leur contenu.

- A signaler aussi les images cliquables qui sont constituées de plusieurs zones qui réagissent chacune comme un lien hypertexte ordinaire = Mappage image (images maps ou encore imagemaps).

- Deux utilisations bien différentes pour les images, la première pour les afficher simplement sur des documents, et la seconde pour créer un fond de page.

- Vous allez bien entendu exploiter toutes ces possibilités dans les pages suivantes, au fil des explications indispensables que je vous donne pour y parvenir.

- GIF : ce format qui est le plus répandu se limite à 256 couleurs maximum (8 bits), et présente des images d'un poids léger facilitant le transfert ce qui explique sa large utilisation sur le Web pour les logos et graphiques.
Il faut noter l'avantage que vous avez de pouvoir (dans une certaine limite) compresser ou modifier ce format sans qu'il y ait déformation de l'image.

- Le gif entrelaçé, c'est l'apparition d'abord floue de l'image (très basse résolution) qui progressivement devient de plus en plus nette. Donne envie au visiteur de rester alors que si l'image est lourde et tarde à apparaître, au-revoir ! Avec l'ADSL et le Câble pas de problème mais penser toujours à ceux qui ne l'ont pas ou ne peuvent se le payer.

- Le gif animé, est basé sur la répétition de plusieurs images, avec montage réalisé à l'aide d'un logiciel (Gif Movie Gear par exemple sur PC) et l'option "infini" ou "zéro" pour qu'il soit animé sans arrêt ou une seule séquence.

- Le gif transparent est une image à laquelle avec l'aide de l'éditeur graphique, vous supprimez le fond blanc qui entoure l'image, ce qui permet ainsi de conserver la couleur de fond de page du document autour de l'image au lieu d'avoir une image posée sur un carré blanc et votre fond couleur de page : pas joli !.

- JPEG (JPG), ce format autorise des millions de couleurs (32 bits) ce qui parfois altère tout de même la qualité de l'image. Il est possible d'améliorer le résultat en jouant sur la qualité des couleurs ou sur le taux de compression appliqué, mais pour l'instant oubliez ces manœuvres. En ce qui vous concerne ici, il est préférable d'accepter une image en l'état ou de l'abandonner pour en choisir une autre.

Le JPEG par contre est souvent utilisé comme motif pour les fond de page (le GIF moins souvent) et pour la reproduction de photos. Les scanners sortent le plus souvent les fichiers en JPG.

- Affichage progressif ou différé : consiste à afficher l'image progressivement de manière de plus en plus nette pendant le téléchargement de la page et alors que votre visiteur commence à parcourir le texte.
On parle alors de GIF optimisé ou de JPEG progressif, mais pas d'affolement presque tout le monde n'utilise que le terme progressif.

- Bitmap : fichier graphique composée d'un ensemble de points coloriés (pixels) et qui supporte la compression. Les images GIF et JPEG sont au format bitmap.

- Vectoriel : Ici l'image est composée de vecteurs tels que des lignes, courbes, cercles, trapèzes..... calculés mathématiquement, et qui donnent une bonne reproduction avec en plus possibilité de modifier la taille sans perte de qualité. Mais seulement sur document normal, car pour le Web il vous faudra convertir votre image réalisée au format vectoriel en GIF ou JPEG.

- Shockwave Flash : c'est une technologie spécifique qui autorise l'affichage au format vectoriel sur le Web, mais après avoir mis en place un plug-in adapté dans votre navigateur.

Vous avez peut-être trouvé cet avant-propos un peu ennuyeux, mais je suis persuadé qu'avec ces informations et celles qui seront développées ultérieurement, vous éviterez bien des déboires.

 DPI = Dots Per Inch (points par pouce ou ppp), est l'unité qui permet de définir la résolution d'une image à l'impression ou à l'écran du moniteur. Bien sûr plus il y a de points et meilleure est l'image vu que le grain de l'image est plus fin. (retour texte)