Images :


Des images pour le web (partie 1)

Exporter pour le web .gif ? .jpg ?

Depuis des années les 2 grands formats d?image pour le web sont le GIF et le JPG (= JPEG).
La grande difference entre ces deux formats est simple :
- le .gif est plutot pour les images contenant peu de couleurs (256 maximum) et en aplats (pixel art, texte sur un fond uni, etc). sans oublier que le .gif permet le mouvement et la transparence, mais ça sera un autre chapitre).
- le .jpg est réservé aux images ayant beaucoup de couleurs (million) avec des subtilités, des mélanges (la photo d?un paysage avec un levé de soleil dont les rayons transpercent les branchages d?une forêt).

Les logiciels de traitement d?image les plus courants exportent sous ces deux formats avec plus au moins de bonheur (rapport qualité/poids) et vous proposent plus ou moins d?options qui ont une influence non négligeable sur le résultat :

Voici un petit tour des options de base disponibles dans Image Ready (le copain de Photoshop pour les images web)

Le format
Simple, on choisit le format d?exportation.
illustration

le gif et jpeg vous connaissez
les deux png, j?en parlerais plus tard
le WBMPpermet l?export en une couleur (1 couleur ? ben oui, le rien et une autre, le noir. C?était le format pour les images sur les téléphones portables, style logo etc. Maintenant on peut mettre du gif. Mais c?est une autre histoire)

Suivant le format que vous choisissez, vous avez des options differentes :




Options de base de l?export en .gif

La palette

Gère le choix du spectre des couleurs
www.moutonnoir.net/formats_images/palette.jpg
Web : les couleurs sont limitées aux 256 reconnues ?officiellement? par tous les ordinateurs (cf les couleurs hexadécimales). Cela date maintenant que nos moniteurs affichent allègrement plusieurs millions de couleurs.
Perception, Sélective et Adaptative : Les couleurs de référence sont celles de l?image. J?avoue ne pas trop voir la différence. En général j?utilise perception, c?est celle qui est la plus fidèle.
Pour les autres options, elles ont leur utilité mais sont rarement utilisées, jouez avec si vous voulez.








Nombre de couleurs
Permet de limiter le nombre de couleurs de l?image et donc de diminuer sa taille (en octets).
Si vous avez une image en aplat qui a 4 couleurs, ça ne sert à rien d?en encoder 252 autres...
www.moutonnoir.net/formats_images/couleurs.jpg
Vous pouvez utiliser le menu déroulant (2 à 256) ou entrer ?à la main? le nombre de couleurs désiré.
Avec Auto, le logiciel fait le comptage pour vous.




















Le tramage
L?option la plus subtile, enfin pas vraiment vu le nombre de choix possibles, LOL.
Je ne vais pas entrer dans les détails vous verrez la difference entre tramage ou non dans la comparaison par l?exemple entre le jpg et le gif plus loin. En gros, le tramage permet artificiellement de dépasser les 256 couleurs limites du gif en jouant avec un effet d?optique classique (le pointillisme vous connaissez ?).
www.moutonnoir.net/formats_images/tramage.jpg
On peut régler le taux du tramage, mais bon, je l?utilise rarement, il est toujours à 100%.














Option de base de l?export en .jpg (ou .jpeg)

La qualité

Plus elle est haute plus votre image sera fidèle à l?originale (rappelons ici que le jpg est un encodage destructif) mais sera aussi plus lourde.
www.moutonnoir.net/formats_images/qualite.jpgwww.moutonnoir.net/formats_images/qualite2.jpg












Vous pouvez utiliser le menu rapide (bas = 10, moyen = 30, haut = 60, maximum = 80) ou entrer ?à la main? ou encore utiliser le curseur.
note : mettre 100 en qualité ne sert à rien pour l?affichage web, le poids s?en ressent énormément et la différence n?est pas visible à l?oeil nu. Par contre, si vous voulez que l?on puisse faire une impression de votre image ensuite, je vous le conseille.


Optimisation
Je la laisse toujours (me demandez pas pourquoi...)
www.moutonnoir.net/formats_images/optimisee.jpg











Progressif
Vous avez déjà rencontré des images qui s?affichent au fur et à mesure de leur téléchargement ? et bien c?est ça.
Dans le cas contraire, l?image ne s?affiche que quand elle est entierement téléchargée dans le cache de votre navigateur.
Cette option augmente pas mal le poids de l?image, mais c?est vrai que vu la vitesse des connexions actuelles tout est relatif, je vous conseille de ne l?utiliser que pour afficher de grandes images après un clic sur une miniature qui annonce le poids, style galerie d?images, vos visiteurs auront la joie de voir l?image apparaitre petit à petit mais ils savaient à quoi s?en tenir.
www.moutonnoir.net/formats_images/progressif.jpg










Flou
Perso, je trouve ça gadget... mais c?est vrai que ça peu allèger le poids de votre image.
A vous de tester.
www.moutonnoir.net/formats_images/flou.jpg














par Annoh
dernière mise à jour:9/05/2005

Jeux en ligne jouer.org Site declaré à la CNIL n° 822436 ~ ~ -