Le grand défi : optimiser des images pour un site Internet

L'avalanche de musique et d'images sur le Web donne envie. Dans un premier temps, il est très tentant de vouloir doter son site d'une multitude d'animations, logos, musique et photos.
Cependant, il est utile de préciser qu'il ne faut pas donner l'effet inverse du but escompté en utilisant les moyens qui sont à votre disposition dans de mauvaises conditions. Il faut toujours garder un objectif du "simple et efficace" pour privilégier l'accès à l'information.

Question de poids

En attendant la généralisation du haut débit, il faut compter sur une majorité d'internautes qui utilisent une connexion bas débit. A cause de cette contrainte technique, il va falloir transiger sur le poids des images afin d'optimiser le temps de chargement de vos pages en bas débit. En règle générale, on situe le poids idéal de la page à 40-50 Ko, images comprises. Ce poids correspond à un temps de chargement inférieur à 10 secondes en bas débit, qui est le temps maximum qu'un internaute va allouer à patienter pendant que votre page se charge. Vous verrez qu'on se trouve vite débordé par des images au poids trop envahissant et qu'il va falloir faire de nombreuses concessions pour ne pas perdre un visiteur à cause d'un temps de chargement trop long.

Taille de l'image

Le poids d'une image est directement proportionnel à sa taille. Ainsi, une grande image sera beaucoup plus lourde qu'une petite. Il convient donc de rétrécir la taille de l'image en fonction de l'utilité que vous en ferez sur la page. Si vous réduisez la taille de l'image sur votre page Web, son poids sera identique. Il faut donc l'optimiser dans un logiciel spécialisé dans la retouche d'images (Photoshop ou Fireworks par exemple) afin de réduire sa taille pour qu'elle convienne exactement à l'usage que vous en ferez sur votre page Web. On peut aussi envisager l'option vignette qui consiste à afficher une miniature de l'image sur la page et présenter un agrandi si l'internaute choisi de cliquer sur la vignette.

Résolution de l'image

C'est une mesure en DPI (Dot Per Inch) qui définie la configuration de sortie pour l'image. La résolution en DPI est fonction du nombre de points présents par carré de 2,54 cm de côté. On sait qu'un écran d'ordinateur utilise une définition de 72 DPI alors qu'une imprimante est au minimum de 360 DPI. Puisque vous destinez l'affichage de vos images à une sortie écran, il est inutile de configurer une résolution supérieure à 72 DPI. Si vous souhaitez proposer des photos optimisées pour l'impression, il est préférable d'afficher une vignette de l'image et de proposer une photo haute résolution en cliquant sur la vignette.

Format d'image

Les formats les plus connus sont le Bitmap (.bmp), le TIFF (.tif), le GIF (.gif), le JPEG (.jpg) et le PNG (.png). Les formats que l'on utilise sur le Web sont le GIF, JPEG et PNG. Le GIF et le JPEG sont très prisés car ce sont des formats de compression qui permettent de réduire considérablement le poids des images sans altérer la qualité à outrance.
En règle générale, on choisi d'optimiser les photos en JPEG et le texte en GIF. Cependant, il faut expérimenter un peu pour trouver le bon compromis poids faible/qualité.

Copyright