Des images d'Epinal aux images numériques ou la place des images dans les pages WEB

J. Degoy, Lycée de Decazeville : dca12ghg@ac-toulouse.fr

On ne peut concevoir d'aller sur le Web sans y trouver des images, mais celles-ci, lorsqu'on charge une page, se font souvent attendre d'autant plus qu'elles sont grandes, aussi,  impatient on passe à autre chose.

Cela peut venir de votre modem qui n'est pas très puissant (28800 bauds) ou le plus souvent du réseau  trop encombré surtout aux heures de pointe..  Peu importe au fond, le résultat est là!

Le texte arrive rapidement, mais à l'endroit de l'image un icône apparait et le temps qu'elle s'affiche est plus ou moins long. Mais si vous créez vos propres pages vous aurez envie que l'on s'y attarde.

Quelle place occupe une image dans un fichier?

Ceci est  fonction de la taille de l'image et du format choisis, les plus courants sont les formats bmp, tif, gif, jpg,  il y a en beaucoup d'autres tout dépend du logiciel que vous utilisez (cpt pour Corelphotopaint, pcx pour Paintbrush.....) mais si vous voulez que vos images naviguent sur le Web, elles doivent être au format Gif ou JPG(ou JPEG) qui sont les seuls reconnus par tous les navigateurs Web.

Le format jpg pour une définition égale, fait que l'image occupe une place moins grande dans le fichier  car elle est compressée exemple l' image d'Epinal ci-dessous de "La fête nationale du 14 Juillet à Paris en 1880" dont la taille est de 337 x 587 pixels pèse 205 ko en format BMP, 195 EN TIF, 98 en GIF, et 50 en JPG image photographiée avec un appareil numérique à partir d'une image papier de 18 par 11 cm

Alors tout dépend sous quel format vous récupérez les images que vous allez  mettre dans vos pages:

• Si votre image est déja numérique mais pas au format nécessaire pour le Web, vous devrez la convertir, il existe de plus en plus de logiciels qui le permettent : comme GWS(Graphic Workshop) ou des traitements d'images comme tous  ceux qui accompagnent les scanners ou les appareils de photo numériques : Imagine4,  CorelPhotopaint,  PhotoExpress etc....
• Si votre image est sur papier vous devrez la scanner ; attention veillez à choisir une résolution qui ne dépasse pas les possibilités d'un écran standard c'est-à-dire 640 x 480 pixels, ce serait inutile et elle serait énorme et impossible à charger, puis surtout enregistrez la au format JPG si c'est une image de qualité photographique car il autorise plus de 16 millions de couleurs, par contre le format GIF limité à 256 couleurs convient très bien aux dessins, fonds de pages, flèches, icônes.

En fait le format JPG tend à devenir le plus courant, c'est celui aussi qu'utilisent les appareils photo numériques

Comment mettre le plus d'images possibles dans sa page sans provoquer des lenteurs

Une règle : la taille d'une page ne doit pas dépasser 40-kilo-octets ( taille totale fichier texte plus images) afin qu'elle puisse être chargée en moins de 20 secondes

Deux solutions s'offrent à vous ou bien on ne met qu'une seule image assez grande pour égayer la page et on donne priorité aux mots ou bien, on veut offrir un petit album, il faut alors  réduire la taille de l'image quand on l'insère , sous format timbre poste :

• aller dans insérer image de Netscape composer  par exemple : dimension : pixels en hauteur et largeur  exemple pour l'image d'Epinal ci-dessous   on passe de 337 pixels de hauteur à 80, la largeur s'ajuste automatiquement puis lier son timbre poste (insérer un lien hypertexte : c'est-à-dire bout de texte ou image  sur lequel il est possible de cliquer pour charger un autre document) à l'image d'origine dans le répertoire des pages que vous élaborez. Ainsi ceux qui liront la page n'auront qu'à cliquer pour agrandir l'image de leur choix .
• Si vous lisez cette article sur le Web, vous pouvez cliquez  dans le tableau ci-dessous sur la photo des femmes au travail en 1900 à Decazeville ou sur l'image d'Epinal afin qu'elles s'agrandissent, ce qui est en général  un plaisir pour le "surfer".

Dans ce cas, il n'y a qu'un fichier pour l' image dans la page et pour son agrandissement :  lorsque la page s'affiche elle appelle la photo en la réduisant  c'est le cas en utilisant Netscape 4 ou bien on peut créer 2 fichiers image, l'un pour la petite image (avec peu de résolution , l'autre pour la grande en haute résolution)

Petit lexique :

• un baud : une information par seconde c'est-à- dire un bit par seconde,
• un bit est une information binaire (0 ou1) , 8 bits = 1octet ; 1 ko =environ 1000 octets, exactement 1024, et
• un Mo=1024x1024 octets, donc environ un million d'octets.