15/11/2005 © Comm@ssoc 1

présente

Les formats d’imagesnovembre 2005

15/11/2005

© Comm@ssoc

2

Sommaire

• L’image, présentation• Différents formats d’images• Formats destinés à l’impression• Comment acquérir une image• Conclusions

15/11/2005

© Comm@ssoc

3

Qu'est ce qu'une image numérique

• Les images numériques sont constituées d'un ensemble de pixels (picture éléments), juxtaposés en lignes et en colonnes.

15/11/2005

© Comm@ssoc

4

Le Pixel 1/2

• Le pixel, (qui correspond à un point ou petit carré), est le plus petit élément que l'on peut trouver dans une image. 

• Chaque pixel possède des caractéristiques propres, couleurs, luminosité, brillance, qui permettent de les différencier et de composer les images.

15/11/2005

© Comm@ssoc

5

Le pixel 2/2

• Voici le détail d'une image, ci-après, après de nombreux zooms. On distingue très nettement les pixels.

15/11/2005

© Comm@ssoc

6

Différences dues aux nb. de couleurs 1/3

• Une image dite "en 16 couleurs", correspond à une image, dont chaque pixel possède une palette de 16 couleurs.

• Les nuances de teintes en 16 couleurs seront donc grossières. Mais il est possible de définir une palette comportant jusqu'à 16 millions de couleurs! 

15/11/2005

© Comm@ssoc

7

Différences dues aux nb. de couleurs 2/3

une image en 16 couleurs

La même en 256 couleurs

15/11/2005

© Comm@ssoc

8

Différences dues aux nb. de couleurs 3/3

Mise en garde :

Plus la palette de l'image que vous retouchez est grande, plus la taille de cette image sera importante. Attention donc aux abus de couleurs qui peuvent rendre l'image très lourde. 

15/11/2005

© Comm@ssoc

9

La résolution d'une image 1/2

Il serait possible de comparer la résolution des images numériques, à la taille des grains d'une image argentique.

En effet, dans le cadre des photographies classiques, plus le grain est fin, meilleure est la qualité de l'image.

15/11/2005

© Comm@ssoc

10

La résolution d'une image  2/2

En photo numérique, c'est presque la même chose, si ce n'est que l'on parle, non pas de taille de grains, mais de pixels par unité de longueur (cm ou pouce), appelés dpi.Plus une image aura de pixels par pouce, (on dit aussi points par pouce), plus elle sera piquée, de bonne qualité. 

15/11/2005

© Comm@ssoc

11

Comment ajuster la couleur ? 1/2

Voilà des commandes simples qui amélioreront grandement la qualité de votre image. surtout si elle souffre d'un

– sur- ou d'une sous-exposition,– d'un problème de dominante (bleu ou

jaune, selon le type d'éclairage électrique)

– ou d'un manque de contraste.

15/11/2005

© Comm@ssoc

12

Comment ajuster la couleur ? 2/2

• Avec les commandes :

– Niveaux– Luminosité/Contraste

15/11/2005

© Comm@ssoc

13

La commande niveau 1/2

Avant correction

Après correction

Avec ce réglage, vous obtiendrez une image aux tons équilibrés.

15/11/2005

© Comm@ssoc

14

La commande niveau 2/2AVANT

APRES

15/11/2005

© Comm@ssoc

15

La commande Luminosité/Contraste

Avant

Après

15/11/2005

© Comm@ssoc

16

Les principaux formats d’images

Voici une Marianne, enregistrée sous trois formats différents:   

Format Taille

BMP (256 c) 15 ko

JPG (16 M c) 20 ko compressé

GIF (256 c) 13 ko compressé

15/11/2005

© Comm@ssoc

17

Le JPEG ou JPG (en RVB) 1/4

• Abréviation de Joint Photographic Experts Group.

• Type de fichier basé sur une compression au moyen de fonctions fractales (taux de la compression variable)

• Basé sur une palette de 16 millions de couleurs.

15/11/2005

© Comm@ssoc

18

Le JPEG ou JPG (en RVB) 2/4

• Au moment de sa création, il est possible de décider de sa qualité sur une échelle qui va généralement de 1 à 100

15/11/2005

© Comm@ssoc

19

Le JPEG ou JPG (en RVB) 3/4

Image avec un indice 100 de 78ko

Image avec un indice 35 de 36ko

Port de Calvi

15/11/2005

© Comm@ssoc

20

Le JPEG ou JPG (en RVB) 4/4

Conclusion :

• plus adapté aux images photographiques, qui contiennent par nature de nombreux dégradés

• Les images JPEG ne peuvent être transparentes ni animées.

• Il faudra donc trouver un bon compromis entre poids et qualité.

15/11/2005

© Comm@ssoc

21

GIF (de 2 à 256 Couleurs) 1/2

• Graphics Interchange Format, Version 89a.

• Format proposé par Compuserve basé sur l'algorithme de compression LZW d'Unisys.

• Le format gif permet de restituer les nuances de couleur d’une image en 256 couleurs maximum (couleur indexée).

15/11/2005

© Comm@ssoc

22

GIF (de 2 à 256 Couleurs) 2/2

Plusieurs formats :

• le transparent• L’entrelacé• L’animé

15/11/2005

© Comm@ssoc

23

le Gif transparent

une des couleurs apparaît transparente à l'écran, c'est à dire qu'au lieu d'avoir une image rectangulaire, on peut lui définir le contour que l'on souhaite.

15/11/2005

© Comm@ssoc

24

le Gif entrelacé

Apparaît petit à petit à l'écran, comme si on le regardait à travers un microscope et que l'on en faisait la "mise au point".

15/11/2005

© Comm@ssoc

25

le Gif animé

• est le plus spectaculaire, en effet, dans un fichier animé, on peut visualiser une suite d'images, et créer de cette manière, une animation.

15/11/2005

© Comm@ssoc

26

les Gifs

Conclusion • Utilisé pour la représentation de

logo ou d’image à fond unis.

• Ne pas utiliser pour des photographies, à cause de la palette de couleurs.

15/11/2005

© Comm@ssoc

27

Les BMP / PICT 1/2

• fichier d'image graphique stockant les pixels sous forme de tableau de points et gérant les couleurs soit en couleur vraie soit grâce à une palette indexée.

• Format image natif du PC (BMP). Format image natif du Mac (PIC).

15/11/2005

© Comm@ssoc

28

Les BMP / PICT 2/2

Utilisation • Stockage d’images, capture d’écrans,

etc.

Conclusions

• Images de bonne qualité• mais très lourdes • A fuir absolument sur le WEB

15/11/2005

© Comm@ssoc

29

Format destiné à l’impression 1/4

• TIF• PDF• EPS• …

15/11/2005

© Comm@ssoc

30

Format destiné à l’impression 2/4

TIF :

• Avec ou sans compression (LZW).  Pas de destruction lors de la compression/ décompression. Idéale pour l’imprimerie, ainsi que stockage sur disque dur.

15/11/2005

© Comm@ssoc

31

Format destiné à l’impression 3/4

EPS :

• Format idéal pour l’imprimerie (sélection couleurs). Permet en plus d’intégrer des tracés lors de l’élaboration de mise en page.

15/11/2005

© Comm@ssoc

32

Format destiné à l’impression 4/4

Conclusion :• Certains formats autorisent une

compression, ce qui permet d’avoir un gain de place sur votre disque dur.

• Mais peut causer des problèmes lors de pré-visualisation de votre image entre différents programmes, ou entres différentes plates-formes.

• De plus, certaines compressions abîment de manière définitive votre image.

• Prendre garde à la place sur le DD

15/11/2005

© Comm@ssoc

33

Comment acquérir une image 

• Le scanner

• L'appareil photo numérique: 

• Le WEB

• …

15/11/2005

© Comm@ssoc

34

Le scanner

• C'est un appareil qui permet de numériser des images classiques existantes (couvertures de journaux, photos, dessins, etc.).

• Ces appareils sont devenus très bon marché (<150 €).

• Il est presque nécessaire de disposer de l'un d'entre eux si l'on souhaite réaliser un site WEB, afin d'y intégrer des images, et ainsi, le rendre vivant.

15/11/2005

© Comm@ssoc

35

L’appareil photo numérique

• C'est un appareil photo qui, à la différence des appareils classiques (argentique), stocke les images sur un support numérique (mémoire).

• L'intérêt d'un tel appareil est de disposer et/ou de visualiser immédiatement de photos numériques.

15/11/2005

© Comm@ssoc

36

Le WEB

Il vous est également possible de récupérer des images sur le WEB.

Il existe de nombreux sites qui  proposent de télécharger des images, des fonds d'écran, des icônes, etc... 

15/11/2005

© Comm@ssoc

37

Conclusions 1/4

• Seule l'expérience permet de distinguer quel format utiliser étant donné que chaque image est particulière.

• Avec le temps ce n'est plus l'indexation ou la compression qui importe car vous concevrez des images en prévision de cette étape ultime avant la publication de vos images.

15/11/2005

© Comm@ssoc

38

Conclusions 2/4

• Le gif est conseillé pour les petites images, celles comportant peu de couleurs ou celles dont la netteté et la clarté sont primordiales, celles possédant du texte.

• Le jpg est plutôt réservé aux photos, aux (grandes) images pour lesquelles la précision des couleurs est primordiale.

15/11/2005

© Comm@ssoc

39

Conclusions 3/4

Une bonne image : • doit correspondre à un compromis

équilibré entre résolution, choix du format de fichier, nombre de couleurs, etc.

• Le tout se doit d'être adapté au type d'images que l'on travaille.

• Pour une image artistique, on doit privilégier la qualité de l'image, donc la résolution.

15/11/2005

© Comm@ssoc

40

Conclusions 4/4

• A l'inverse, pour un bouton ou une icône, on privilégie le faible encombrement mémoire, donc on limite le nombre de couleurs, et la résolution. 

• Disons que, dans le cadre d'un serveur Web, une image ne doit jamais dépasser les 150 ko. En effet, les images trop lourdes découragent les visiteurs d'un site.