Différences

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

--- cours:img1 [2021/05/30 09:43]
mrcjl
+++ 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.
-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 d'effectuer des modifications de base sur une image afin de l'adapter à mon besoin
 </WRAP>
-=====Les images=====
+=====Les images (papiers et numériques)=====
 Pour illustrer un document,je peux utiliser un dessin (image créée) ou une photographie (vue capturée) [argentiques((obtenues à partir d'une pellicule photo avant l'arrivée de l'ordinateur)) ou numériques].
 {{ :cours:image_reglage.jpg?200|Cliquer pour agrandir}}
 <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.photobox.fr/boutique/tirage-photo/format-tirage-photohttps://www.photobox.fr/boutique/tirage-photo/format-tirage-photo|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**
 </WRAP>
 ====Les images numériques====
-Dans une image numérique les points qui la composent sont appelés pixels. Chaque pixel ne peut prendre qu'une seule couleur parmis 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
-  * 256 - Niveaux de gris
+  * 256 - Niveaux de gris ou palette de couleur pour dessin
   * > 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)//
+Pour un dessin comprenant un nombre limité de couleurs, leur codage se fait grâce à une palette (ex. PNG, GIF). La palette peut comprendre une couleur transparente. Taille fichier = taille palette + Nb points
+Pour une photo ou le nombre de couleur peut être quasi illimité on préfèrera un algorithme de codage (ex. JPG). Taille fichier = (1 bit à 3 octets) * Nb Points
 <WRAP round tip>
-Dans une image numérique, la couleur est codée de 1 bits (noir et blanc) à 24 bits (plus de 16 millions de couleurs possibles généralement codées en RVB((mélange de Rouge Vert Bleu)) sur 3 octets). \\
+Dans un **dessin numérique, on utilise généralement une palette de couleur** qui permet aussi la transparence.
-Le poids de l'image numérique est fonction du nombre de points et du nombre de couleurs. \\
+Dans une **photo numérique, la couleur est codée** de 1 bits (noir et blanc) à 24 bits (plus de 16 millions de couleurs possibles généralement codées en **RVB(mélange de Rouge Vert Bleu) sur 3 octets**).
+**Le poids de l'image numérique (taille du fichier) est fonction du nombre de points et du nombre de couleurs.** \\
 //ex. : une image de 2592 * 1944 pixels et 16 million de couleurs (24 bits) = 2592*1944*3 > 15 Mo.//
 </WRAP>
 ====Les formats de fichiers====
+Les principaux formats sont :
 ===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===
 {{ :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===
 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.
+===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>
 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>
 =====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 variables. Ils 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>
-  * 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'écran) correspond à 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>
-{{ :cours:img-resolition.jpg?500|}}
+{{ :cours:img-resolition.jpg?500|Cliquer pour agrandir}}
 Exemples de densité :
   * 90 dpi pour les écrans classiques 24” (1920×1080)
@@ Ligne 80: / Ligne 99: @@
 =====Les métadonnées des images=====
+{{ :cours:img_metadonnees.jpg?200|Cliquer pour agrandir}}
+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").
+<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=====
@@ Ligne 85: / Ligne 121: @@
   * [[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 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]]

WikiTechno.morceau.fr (amen.fr)

Outils pour utilisateurs

Outils du site

Différences

Outils de la page