Je vais tenter d'expliquer les différents types les plus courants d'images ainsi que les formats.

Ce tuto va se diviser en 2 parties : Les types d'images et les formats d'images.
J'entend par format, les extensions si vous préférer ^^)

D'abord les types d'images.
I - Types d'images.

Il y a deux deux types d'images connu, le vectoriel et le bitmap.
Les deux sont totalement différents !

Les images vectoriels : Ces images sont formées de nœuds, appelé nœuds de contrôles, qui déterminent des courbes qui forment des tracés. C'est courbes sont nommé courbe de béziers. Vous avez sûrement du entendre ce nom quelque part ^^
En fait on parle plus souvent de dessins vectoriels.


Vous voyez les petits trais gris, avec des ronds à chaque extrémités et un carré au milieu ? Et bien ce sont les contraintes des courbes. Le carré est le noeud de la courbe de bézier et les ronds donne la direction de la courbe et la "taille" du courbage.

L'avantage de ces images c'est que la netteté est toujours la même. Pas de question de résolution. Les courbes délimites des zones de couleurs et donc si on zoom sur l'image la courbe va rester une limite de zone, et la couleur sera toujours aussi nette exemple :
ce dessin avec une taille de 97% :

maintenant avec une taille de 25600%, aucun flou, pas de parasites, rien :


Ceci est dût au fait que l'image n'est pas formée de pixel tel que le bitmap.
Le contenu du fichier image est simplement la description de celle-ci avec les noeuds et les courbes (et les couleurs ^^) suivant des formules mathématiques.

Le bitmap : En français une traduction serai : carte de point élémentaire. Cette traduction, bien que pas très parlante tel quel, explique bien ce qu'une image bitmap est.
Une image bitmap est une matrice (un tableau) dont chaque case représente un point, avec dans chacune de ces cases une couleur. Ces images sont donc formé point par point.
Avec les images bitmaps on a une résolution : c'est à dire le nombre de point élémentaire sur une distance donnée. Plus la qualité est bonne, plus il y a de point, et moins il y a de point moins la qualité est bonne.
Sur ce genre d'images, plus on zoom plus on voit les pixels (points élémentaires).

Avec zoom à 1600% :


Ceci est normal puisque l'image enregistre un point, si on se rapproche, des points ne vont pas se rajouter, on va juste agrandir la taille des points.
C'est pour cela que ce genre d'image ne doivent en aucun cas s'agrandir, on peut seulement les réduire.
la taille de ce images peuvent s'évaluer de façon approximative avec un petit calcule.
chaque point sur une image noir et blanche est codé par un bit, soit 1/8 d'octet
Une image avec 256 niveaux de gris : 8bits par point soit 1octet
Une image avec 16millions de couleurs : 24bits, ou 3octets (8bits, ou 1octet par couleur pour chaque point)
Une image en CMJN (pour une impression) 32bits : 4x8bits (Il y a quatre couleur : cyan, majenta, jaune et noir)

On perd moins d'information sur les couleurs en passant du vectoriel au bitmap que l'inverse.

Les logiciels les plus connus pour chaque types d'images :


Dessin vectoriel :
Adobe Illustrator => version payante
Inkscape => version gratuite (open source ?) qui vaut largement Illustrator

Image bitmap :
Adobe photoshop => version payante, très connue et très utilisé, d'énormes possibilités
The Gimp => gratuit, est du même niveau que photoshop, à autan de possibilité voir plus sur certain point, ne gère malheureusement pas la 3D il me semble (photoshop CS4 propose d'intégrer des objets 3D)

Il y a aussi Flash qui est à l'origine un logiciel d'animation de dessin vectoriel, et SWFQuiker qui lui est moins cher ou gratuit (je sais plus -_-) et permet de faire des choses du même genre.

Les formats propriétaires : C'est le format d'enregistrement du logiciel qui a servi à créer l'image. Photoshop et The Gimp gèrent le psd, qui est le format propriétaire de Photoshop. Illustrator et Inkscape gèrent le même format, le svg qui est un format libre à l'origine.

II - Les formats
Ce qu'on appel le format d'image est plus communément appelé l'extension. (.gif .jpg .bmp .png ...)
Ce qui différencies ces format d'images c'est leur compression, leur qualité et d'autre "option".

La taille d'un fichier image, c'est à dire son poids (et non pas la dimension de l'image) peut varier suivant le format dans la quelle elle est enregistrée. Ce sont des formats qui ont la possibilité de compresser l'image.

On peut faire la différence entre deux compression. Ces deux types de compressions sont radicalement différentes. Une se fait avec perte, l'autre sans perte. Mais il faut quand même garder en tête qu'une compression détériore l'image.

Compression sans perte : Ce format d'image permet une compression sans perte d'information sur les couleurs. le principe est simple : c'est le regroupement d'information, c'est à dire des pixels de même couleurs.
Explication : Au lieu d'avoir comme dans une image normale 4 fois à suivre le même code pour dire qu'il y a 4 points de même couleur, on utilise un code qui indique la couleur et le nombre de point qui se suivent. Simple non ? Bon un petit schéma ^^


Les extensions utilisant ce moyen de compression sont :
Le format PNG (24), celui ci gère aussi la transparence, c'est le meilleurs des formats :p, je le conseil vivement.
Le format TIF qui s'associe au zip
Le format PDF qui s'associe au zip, mais celui ci est spécial, et nécessite une visionneuse.


Compression avec perte : C'est généralement les plus connu des formats. Le principe de celui ci est de réduire le nombre de couleurs. Les couleurs les plus proche au niveau teinte deviennent identiques et les couleurs manquantes sont simulées part un tramage. C'est à dire qu'une image en 16Millions de couleurs, soit 24bits va passer en 8bits, soit 256 couleurs.
Le tramage est le fait de mettre deux couleur cote à cote, vu de loin on a l'impression d'en voir qu'une.

Cette compression est valable pour le GIF et le PNG(8). Le gif gère aussi la transparence, mais sa méthode de compression laisser à désirer, le seul avantage du gif est qu'il peut être animé.

Il y a un autre format de compression avec perte : le jpeg. Avec lui on peut ajuster le taux de compression, donc avoir une image plus ou moins de bonne qualité et plus ou moins grosse. Le jpeg ne travail pas pareil, il garde les 16milions de couleurs, mais réduit le nombre d'information. Mais je ne sais pas exactement comment il fonctionne. Ce qui est sur c'est qu'on a de la perte d'information avec le jpg.

Quelques exemples :
En bmp 24bits : 807Ko

En bmp 16bits : 807Ko

En gif 256couleurs sans tramages : 146Ko

En gif 256couleurs tramage bruit: 230Ko

En gif 256couleurs tramage diffusion :  190Ko

En gif 256couleurs tramage motif : 219Ko

En jpg compression minimum : 197Ko

En jpg compression maximum : 34,6Ko

En png : 387Ko


Voila j'ai fini, si vous avez des informations complémentaires, ou des questions ^^

Dernière modification par Cyrille (18-10-2008 23:13:56)