15/11/2005© comm@ssoc 1 présente les formats d’images novembre 2005
TRANSCRIPT
![Page 1: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/1.jpg)
15/11/2005 © Comm@ssoc 1
présente
Les formats d’imagesnovembre 2005
![Page 2: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/2.jpg)
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
![Page 3: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/3.jpg)
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.
![Page 4: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/4.jpg)
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.
![Page 5: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/5.jpg)
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.
![Page 6: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/6.jpg)
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!
![Page 7: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/7.jpg)
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
![Page 8: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/8.jpg)
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.
![Page 9: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/9.jpg)
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.
![Page 10: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/10.jpg)
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é.
![Page 11: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/11.jpg)
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.
![Page 12: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/12.jpg)
15/11/2005
© Comm@ssoc
12
Comment ajuster la couleur ? 2/2
• Avec les commandes :
– Niveaux– Luminosité/Contraste
![Page 13: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/13.jpg)
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.
![Page 14: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/14.jpg)
15/11/2005
© Comm@ssoc
14
La commande niveau 2/2AVANT
APRES
![Page 15: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/15.jpg)
15/11/2005
© Comm@ssoc
15
La commande Luminosité/Contraste
Avant
Après
![Page 16: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/16.jpg)
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é
![Page 17: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/17.jpg)
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.
![Page 18: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/18.jpg)
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
![Page 19: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/19.jpg)
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
![Page 20: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/20.jpg)
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é.
![Page 21: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/21.jpg)
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).
![Page 22: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/22.jpg)
15/11/2005
© Comm@ssoc
22
GIF (de 2 à 256 Couleurs) 2/2
Plusieurs formats :
• le transparent• L’entrelacé• L’animé
![Page 23: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/23.jpg)
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.
![Page 24: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/24.jpg)
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".
![Page 25: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/25.jpg)
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.
![Page 26: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/26.jpg)
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.
![Page 27: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/27.jpg)
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).
![Page 28: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/28.jpg)
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
![Page 29: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/29.jpg)
15/11/2005
© Comm@ssoc
29
Format destiné à l’impression 1/4
• TIF• PDF• EPS• …
![Page 30: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/30.jpg)
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.
![Page 31: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/31.jpg)
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.
![Page 32: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/32.jpg)
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
![Page 33: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/33.jpg)
15/11/2005
© Comm@ssoc
33
Comment acquérir une image
• Le scanner
• L'appareil photo numérique:
• Le WEB
• …
![Page 34: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/34.jpg)
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.
![Page 35: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/35.jpg)
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.
![Page 36: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/36.jpg)
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...
![Page 37: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/37.jpg)
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.
![Page 38: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/38.jpg)
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.
![Page 39: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/39.jpg)
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.
![Page 40: 15/11/2005© Comm@ssoc 1 présente Les formats d’images novembre 2005](https://reader035.vdocuments.site/reader035/viewer/2022062417/551d9de0497959293b8e9ec4/html5/thumbnails/40.jpg)
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.