|
|
|
ÉCONOMIE DE BITS
Les images que l'on trouve dans le web sont de grandes consommatrices de bits. Leur poids est directement proportionnel à leurs dimensions. Mais il n'y a pas que les dimensions qui influencent le poids d'une image, il y a aussi le nombre de couleurs employées, la résolution, et le type du fichier graphique choisi. Voici quelques trucs pour "sauver de l'espace" et rendre vos pages web plus rapides à télécharger. Les dimensions Un vieux sage me disait souvent: "trop, c'est comme pas assez". Si votre logo fait 15 cm par 7 cm, peut-être est-il préférable de le réduire quelque peu. Il n'y a pas de règle précise, sinon celle du bon goût et d'une logique d'économiste. Avant de publier vos pages web, assurez-vous que le poids de vos images soit raisonnable. Pour ce faire, imaginez le pire: un modem 14,4kbps! À 14,4kbps, 10Ko prennent 5.6 secondes à télécharger. 1 octet = 8 bits, et oui! 14,4kbps, c'est 1,8 ko par seconde! Ainsi, assurez-vous que votre page ne dépasse pas un téléchargement de 20-30 secondes, c'est-à-dire que la somme des images ne fasse pas plus de 30-50Ko. Un petit truc. Croppez serré! En français, cela signifie de limiter au minimum les marges (le blanc autour) de vos images. Oui, le blanc est une couleur en infographie et cet espace perdu influence le poids du fichier. La résolution de l'image La résolution est le nombre de pixels (points) par pouce. Plus la résolution d'une image est grande, meilleure est sa qualité. Ceci est surtout vrai dans le monde de l'imprimé. Dans le merveilleux monde du web, tout se passe à l'écran! La résolution de la plupart (99,99%) des écrans est de 72dpi (dots per inch). Alors, les amis, pourquoi mettre des images de 300dpi sur le web? Pour réduire la résolution d'une image, vous aurez besoin d'un logiciel de retouche d'image. J'utilise Photoshop (750$) et PaintShop Pro (Partagiciel). Dans les deux cas, on peut éditer la résolution de l'image dans le menu Image Size. Le nombre de couleurs Le nombre de couleurs d'une image est un drame! Si Shakespeare écrivait ce drame, il l'appelerait color depth. Netscape utilise une palette de 216 couleurs, mais vous n'êtes pas obligé de toutes les utiliser. Ainsi, souvent, une image de 32 couleurs donne d'excellents résultats. Il s'agit d'essayer votre image à différentes profondeurs. Dans Photoshop et PaintShop Pro, vous pouvez le faire en choisissant de mettre votre image en couleurs indexées (indexed colors), par opposition à RGB. De toute manière, vous devez être en couleurs indexées pour écrire en format GIF. Mon conseil, essayez en couleurs indexées à 5 bits de profondeurs, ce qui donne 32 couleurs, si le résultats est moche, remontez graduellement jusqu'à une image satisfaisante. Le type de fichier graphique Dans Internet, vous n'avez pas tellement le choix: GIF ou JPEG. Bon, bon, bon, mieux vaut prévenir que guérir: certains diront qu'il existe d'autres formats, mais je leur réponds tout de suite que ceux-ci ne sont pas reconnus par un logiciel navigateur standard, sans module d'extension (plug-in). Ainsi, le plus commun, le GIF, est un format qui utilise la palette indexée, c'est à dire jusqu'à une profondeur de 8 bits ou 256 couleurs. Depuis plus d'un an, avec les navigateurs évolués (Netscape et Explorer), on rencontre de plus en plus des fichiers JPEG ou JPG. Ceux-ci utilisent la palette RGB (Red, Green, Blue), c'est à dire une profondeur de 24 bits ou 16 millions de couleurs. Wow! 16 millions! Mais n'oubliez pas que votre navigateur n'en voit que 216 et que le commun des mortels utilise encore une carte graphique qui en voit seulement 16! Le format JPEG utilise une routine de compression pour réduire le poids des images; il s'agit de leur affecter une "qualité" sur une échelle: essayez 50 et remontez graduellement pour arriver au meilleur résultat. Les bonnes adresses Des gens bien meilleurs que moi ont déjà compilé des tonnes d'informations sur le sujet: Louis Durocher, Amazone Infographie http://www.amazones.qc.ca/zone/infographief.html La Vulgate! http://www.infohiway.com/faster/index.html Un outil qui fait le travail pour vous! |
|
Infos | Ajouter un site | Courrier Copyright © 1995-96-97 NETgraphe inc. - Tous droits réservés. |