Outils pour utilisateurs

Outils du site


cours:img1

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
cours:img1 [2022/10/25 08:52]
mrcjl [Les images numériques]
cours:img1 [2025/01/14 15:46] (Version actuelle)
mrcjl
Ligne 10: Ligne 10:
   * CT 2.5 Imaginer des solutions en réponse au besoin.    * CT 2.5 Imaginer des solutions en réponse au besoin. 
  
-J’ai acquis la compétence si :+**J’ai acquis la compétence si :**
   * Je suis capable de décrire les paramètres des images numériques et de leur fichier   * Je suis capable de décrire les paramètres des images numériques et de leur fichier
   * Je suis capable d'effectuer des modifications de base sur une image afin de l'adapter à mon besoin   * Je suis capable d'effectuer des modifications de base sur une image afin de l'adapter à mon besoin
Ligne 21: Ligne 21:
 <WRAP round tip> <WRAP round tip>
 Toutes les images sont caractérisées par les mêmes **paramètres** bien qu'il soit plus facile de les manipuler sur les images numériques : Toutes les images sont caractérisées par les mêmes **paramètres** bien qu'il soit plus facile de les manipuler sur les images numériques :
-  * des **dimensions** longueur et largeur (voir [[https://www.adobe.com/fr/creativecloud/photography/discover/standard-photo-sizes.html|les formats standards]]), +  * les **dimensions** longueur et largeur 
-  * leur **luminosité** (quantité de lumière)+  * la **luminosité** (quantité de lumière)
   * le **contraste**   * le **contraste**
   * la **balance des couleurs**   * la **balance des couleurs**
Ligne 30: Ligne 30:
 Dans une image numérique les points qui la composent sont appelés pixels. Chaque pixel ne peut prendre qu'une seule couleur parmi un ensemble fini.  Dans une image numérique les points qui la composent sont appelés pixels. Chaque pixel ne peut prendre qu'une seule couleur parmi un ensemble fini. 
   * 2 - Noir et Blanc   * 2 - Noir et Blanc
-  * 256 - Niveaux de gris+  * 256 - Niveaux de gris ou palette de couleur pour dessin
   * > 16 millions - Photos couleurs   * > 16 millions - Photos couleurs
 +
 +Les pixels sont organisés en lignes et colonnes (largeur, hauteur) et indiquent le nombre de points de l'image (voir [[https://www.adobe.com/fr/creativecloud/photography/discover/standard-photo-sizes.html|les formats standards]]). Sa dimension réelle en cm sera le résultat du nombre de pixel et de ma résolution du support (Nombre de points par cm ou plus souvent en "dpi" points par pouce).
  
 La taille du fichier numérique dépend du nombre de couleur et du codage utilisé. //(voir cours [[cours:numinf4#pour_les_fichiers_images|Numérisation des informations]] pour leurs codages)// La taille du fichier numérique dépend du nombre de couleur et du codage utilisé. //(voir cours [[cours:numinf4#pour_les_fichiers_images|Numérisation des informations]] pour leurs codages)//
Ligne 49: Ligne 51:
  
 ====Les formats de fichiers==== ====Les formats de fichiers====
 +Les principaux formats sont :
  
 ===BMP=== ===BMP===
-L'image "Bitmap" peut être visualisée par tous les logiciels d'image mais plus utilisé aujourd'hui. Le poids des fichiers est très important. Mis au point par Microsoft et IBM, le format est libre de droit.+L'image "Bitmap" peut être visualisée par tous les logiciels d'image mais n'est plus beaucoup utilisé aujourd'hui. Le poids des fichiers est très important. Mis au point par Microsoft et IBM, le format est libre de droit.
  
 ===JPG=== ===JPG===
 {{ :cours:img-compression.jpg?300|}} {{ :cours:img-compression.jpg?300|}}
-Pour diminuer le poids des images un algorithme de compression réglable (idéalement > 70%)a été mis au point. La compression se fait "à perte" et la qualité peut s'en ressentir. Mis au point par le Joint Photographic Experts Group, le format est libre de droit et très utilisé pour les photos sur Internet.+Pour diminuer le poids des images un algorithme de compression réglable (idéalement > 70%) a été mis au point. La compression se fait "à perte" et la qualité peut s'en ressentir. Mis au point par le Joint Photographic Experts Group, le format est libre de droit et très utilisé pour les photos.
  
 ===GIF=== ===GIF===
 Pour chaque fichiers, une palette définie 256 couleurs utilisables pour l'image. Chaque point correspond à une entrée de la palette. Le poids des images est diminué et il est possible d'utiliser la transparence (pas de couleur). Une option permet aussi de faire défiler plusieurs images contenues dans le même fichier : GIF animés. Format propriétaire (CompuServe) mais aujourd'hui tombé dans le domaine public. Pour chaque fichiers, une palette définie 256 couleurs utilisables pour l'image. Chaque point correspond à une entrée de la palette. Le poids des images est diminué et il est possible d'utiliser la transparence (pas de couleur). Une option permet aussi de faire défiler plusieurs images contenues dans le même fichier : GIF animés. Format propriétaire (CompuServe) mais aujourd'hui tombé dans le domaine public.
  
-===PNG==+===PNG===
 Il a été mis au point pour remplacer le format GIF. Sa palette n'est pas limitée ce qui permet de traiter des photos d'autant plus que sa compression est sans perte. Il est libre de droit. Il a été mis au point pour remplacer le format GIF. Sa palette n'est pas limitée ce qui permet de traiter des photos d'autant plus que sa compression est sans perte. Il est libre de droit.
 +
 +===SVG===
 +Il s'agit d'un format pour des dessins vectoriels (tracés défini par des formules mathématiques). Quelque soit la taille, la qualité de l'image reste la même mais le format n'est pas adapté aux photos et dessin d'Arts.
  
 <WRAP round tip> <WRAP round tip>
 les principaux formats utilisés sont : les principaux formats utilisés sont :
-  * Le JPG pour les photographies +  * Le **JPG** qui utilise le codage RVB pour les photographies 
-  * Le GIF pour les émoticônes et petites images animées +  * Le **GIF** qui utilise la palette de couleurs pour les émoticônes et petites images animées 
-  * Le PNG pour les dessins et schémas+  * Le **PNG** qui utilise la palette de couleurs pour les dessins et schémas (couleur "transparence"
 +  * Le **SVG** pour les images vectorielles
 </WRAP> </WRAP>
  
 =====Les supports (périphériques)===== =====Les supports (périphériques)=====
-Une image et visualisée sur des supports papiers ou numériques dont le nombre et la taille des points varient. La sensibilité de l’œil (netteté de l'image) est fonction de la taille des points et de la distance d'observation. Il faut donc adapter la taille des images au support utilisé.+Une image est visualisée sur des supports papiers ou numériques dont le nombre et la taille des points sont variablesIls n'ont pas la même résolution. \\ 
 +La sensibilité de l’œil (netteté de l'image) est fonction de la taille des points et de la distance d'observation. Il faut donc adapter la taille des images aux supports utilisés. 
 + 
 +Une image destinée à être visualisé sur un écran (92 à 150 dpi) n'a pas besoin d'une aussi bonne définition que pour une impression (>300dpi).  (voir "La pollution due à Internet"). Je peux donc diminuer sa définition (nombre de points) afin d'obtenir un fichier moins volumineux à stocker.
  
 <WRAP round tip> <WRAP round tip>
-  * La définition est le nombre de points disponible sur un support (taille de l'image+  * La **définition** est le nombre de points disponible sur un support (Nombre de points de la photo ou de l'écrancorrespond à des pixels. 
-  * La résolution est le nombre de points pour une distance données (qualité de visualisation) généralement en dpi (dot per inch) [ppp points par pouce (2.54cm) en français].+  * La **résolution** est le nombre de points pouvant être affichés sur une distance données (en dpi "dot per inch" ou ppp "points par pouce" [1 pouce = 2.54 cm]). Elle dépend du type de support d'affichage.
  
-Une image destinée à être visualisé sur un écran n'a pas besoin d'une aussi bonne définition que pour une impression poster (voir "La pollution due à Internet").+L'appareil photo utilise la plus grande définition possible en cas d'impression. Si la résolution du support prévu le permet, je peux la diminuer la définition pour diminuer la taille du fichier en supprimant les points qu'il ne pourra pas afficher
 </WRAP> </WRAP>
  
Ligne 90: Ligne 100:
 =====Les métadonnées des images===== =====Les métadonnées des images=====
 {{ :cours:img_metadonnees.jpg?200|Cliquer pour agrandir}} {{ :cours:img_metadonnees.jpg?200|Cliquer pour agrandir}}
-En plus de la photo elle même, un fichier d'image numérique contient un ensemble de métadonnées sur les conditions de la prise de vue (clic droit sur le fichier et "Propriétés" puis "Détails". Elles sont inscrites au moment de la prise de vue et comportent : +Un fichier d'image numérique contient, en plus de l'image, un ensemble de métadonnées. Pour les photos, y figurent les conditions de la prise de vue(clic droit sur le fichier et "Propriétés" puis "Détails")
-  * La date de la prise de vue et la taille de l'image, +
-  * Les informations sur l'appareil ayant pris la photo et les réglages de celui-ci, +
-  * La géolocalisation du lieu de prise de vue si c'est possible.+
  
-En saisissant les coordonnées GPS sur un site de cartographie tel Google Map on peut retrouver le lieu précis.+<WRAP round tip>Une **métadonnée** est une donnée servant à définir ou décrire une autre donnée, quel qu'en soit le support. Parmi celles associées aux images on trouve : 
 +  * La **date de la prise** de vue et la taille de l'image, 
 +  * Les **informations sur l'appareil** ayant pris la photo et les réglages de celui-ci, 
 +  * La **géolocalisation du lieu** de prise de vue si c'est possible. 
 +  * ... 
 +</WRAP> 
 + 
 +Parmi les métadonnées figure souvent les coordonnées GPS. En les saisissant sur un site de cartographie tel [[https://www.google.fr/maps/|Google Maps]] on peut retrouver le lieu précis. (exemple avec cette photo : {{:cours:ducks.jpg?linkonly|ducks.jpg}}) 
 + 
 +<WRAP round info>Les **coordonnées GPS (latitude et longitude)** peuvent s'exprimer sous la forme : 
 +  * **degrés décimaux** +X.XXXX, +Y.YYYY (+ indique Nord ou Est ; - Sud ou Ouest)  
 +  * **degrés-minutes-secondes** (XX°YY'ZZ.ZZ"N XX°YY'ZZ.ZZ"E (North ou South, East ou West) 
 +Pour le collège : 44.097197, 3.073729 ou 44°05'49.9"N 3°04'25.4"E.  
 +</WRAP>
  
 =====Pour aller plus loin===== =====Pour aller plus loin=====
Ligne 101: Ligne 121:
   * [[cours:numinf4|Leçon sur la numérisation des informations : Les codes]]   * [[cours:numinf4|Leçon sur la numérisation des informations : Les codes]]
   * [[https://concours.castor-informatique.fr/?team=SNTin2|Parcours : Images numérique séance 1]] sur Concours Castor   * [[https://concours.castor-informatique.fr/?team=SNTin2|Parcours : Images numérique séance 1]] sur Concours Castor
-  * [[https://concours.castor-informatique.fr/?team=SNTin2|Parcours : Images numérique séance 2]] sur Concours +  * [[https://concours.castor-informatique.fr/?team=SNTin2|Parcours : Images numérique séance 2]] sur Concours Castor 
 +  * [[https://photomaniac.fr/combien-de-pixels-pour-une-bonne-qualite-photo-le-guide-complet|Un article de Potomaniac traitant des problèmes de dimension et de résolution]] 
 + 
  
cours/img1.1666680723.txt.gz · Dernière modification: 2022/10/25 08:52 de mrcjl