Des images pour le web (partie 2) Aller, maintenant on va VOIR pratiquement la différence entre le .gif et le .jpg et donc leur avantages et inconvenients.
Comme premier exemple, nous allons prendre en premier un bel arc en ciel avec du texte.

GIF palette Web sans tramage 2654 octets
Carrement nul. Les couleurs lisses sont transformées en aplat.

GIF palette Web tramage 8009 octets
C’est mieux, mais qu’est ce que c’est lourd... poubelle !

GIF palette perception sans tramage 8690 octets
Arf ! encore plus lourd, mais bon c’est beaucoup mieux.
On va essayé en tramant

GIF palette perception tramage 7313 octets
Mouais, c’est mieux mais c'est quand même trop lourd.
- - - Voyons ce que le jpg peut faire maintenant - - -

JPG qualité 10 optimisée 3479 octets
Waaa ! C’est déjà beaucoup mieux. Mais les couleurs “bavent” un peu.

JPG qualité 50 optimisée 6409 octets
Ah ben voila.
Pour le fun voyons avec la qualité maximale

JPG qualité 100 optimisée 22399 octets
C’est lourd ! Mais c’est nikel, c’est sure.
Bon, je pense que vous êtes d'accord pour dire que le JPG est le vainqueur pour cet exemple.
En deuxième exemple j'ai choisi un quadrillage de couleurs en applat.
JPG qualité 0 optimisée 5005 octets
Ca bave de tous les côtés... beurk...
JPG qualité 50 optimisée 9913 octets
Ah c'est déjà mieux mais c'est un peu flou quand deux couleurs sont côte à côte, pi c'est un poil lourd quand même.
JPG qualité 100 optimisée 28107 octets
Nikel... mais LOURD ! argh !
- - - Vous vous doutez (si vous avez lu l'intro) que là le .gif va faire des malheurs, vérifions ça - - -

GIF palette Web couleurs auto sans tramage 5707 octets
Yeah ! pas mal !
Essayons quelques réglages...

GIF palette Web couleurs auto tramage 6822 octets
Hum. Un poil plus lourd et on voit pas trop la différence... essayons en tramant

GIF palette perception couleurs auto tramage 6822 octets
Même poids... Ce qui est normal car pour ce style d'image constitué presque uniquement d'applats le tramage n'influe que autour du texte, pour le fondre avec l'arrière plan.
Bon, .gif gagnant là, hein ?
dernière mise à jour:12/04/2005