{"id":150,"date":"2020-12-03T23:56:27","date_gmt":"2020-12-03T23:56:27","guid":{"rendered":"http:\/\/med-space.org\/youssef-zaz-master\/?page_id=150"},"modified":"2020-12-14T01:02:38","modified_gmt":"2020-12-14T01:02:38","slug":"representation-numerique-image","status":"publish","type":"page","link":"https:\/\/yzaz.net\/master\/representation-numerique-image\/","title":{"rendered":"Repr\u00e9sentation num\u00e9rique de l&#8217;image"},"content":{"rendered":"<h2>Codage des valeurs des pixels<\/h2>\n<h3>En niveau de gris<\/h3>\n<p>\u2022 la valeur I (i,j) d\u2019un pixel s = (i,j) repr\u00e9sente son intensit\u00e9 lumineuse<br \/>\n\u2022 binaire : I (i,j) = 0 noir ou I (i,j) = 1 blanc<br \/>\n\u2022 codage 8 bits (le plus classique) : I (i; j) = 0,\u2026, 255 du plus fonc\u00e9 au plus clair<\/p>\n<h3>En couleur<\/h3>\n<p>\u2022 codage dans l\u2019espace RGB : trois intensit\u00e9s lumineuses:<br \/>\nrouge, vert, bleu.<br \/>\n\u2022 codage 24 bits : R(i,j) = 0, \u2026 , 255; V(i , j) =0,\u2026, 255; B(i,j) = 0,\u2026, 255<\/p>\n<p><strong>Un autre espace de couleurs : l\u2019espace HSL<\/strong><br \/>\n\u2022 Teinte &#8211; Hue : perception de la couleur (vert, orange, rouge)<br \/>\n\u2022 Saturation : puret\u00e9 de la couleur (plus ou moins d\u00e9lav\u00e9e)<br \/>\n\u2022 Luminance : intensit\u00e9 lumineuse (ombre et lumi\u00e8re)<\/p>\n<p>Dans le syst\u00e8me HSL, la d\u00e9\u00e9finition des couleurs est plus proche du syst\u00e8me de la vision humaine.<\/p>\n<p><strong>Pixel : picture element<\/strong><br \/>\nLe pixel correspond \u00e0 l&#8217;unit\u00e9 indivisible permettant de stocker l&#8217;information relative \u00e0 une luminosit\u00e9 en une certaine position<\/p>\n<p>La repr\u00e9sentation informatique d&#8217;une image est n\u00e9cessairement discr\u00e8te Le signal 2D analogique est num\u00e9ris\u00e9 par :<br \/>\n&#8211; Une discr\u00e9tisation de l&#8217;espace : \u00e9chantillonnage<br \/>\n&#8211; Une discr\u00e9tisation de la couleur : quantification Une image num\u00e9rique est un ensemble de pixels.<\/p>\n<h3><strong>Notions de quantification et d&#8217;\u00e9chantillonnage <\/strong><\/h3>\n<p><strong>Quantification<\/strong> :<\/p>\n<p>Discr\u00e9tisation de l&#8217;espace des couleurs ou niveaux de gris, elle d\u00e9finit le nombre de couleurs utilis\u00e9 pour dessiner l&#8217;image.<\/p>\n<p>Exemple:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-452 size-full\" src=\"http:\/\/med-space.org\/youssef-zaz-master\/wp-content\/uploads\/2020\/12\/quantification.jpg\" alt=\"\" width=\"998\" height=\"224\" srcset=\"https:\/\/yzaz.net\/master\/wp-content\/uploads\/2020\/12\/quantification.jpg 998w, https:\/\/yzaz.net\/master\/wp-content\/uploads\/2020\/12\/quantification-300x67.jpg 300w, https:\/\/yzaz.net\/master\/wp-content\/uploads\/2020\/12\/quantification-768x172.jpg 768w\" sizes=\"(max-width: 998px) 100vw, 998px\" \/><br \/>\n<strong>\u00c9chantillonnage<\/strong> :<\/p>\n<p>Discr\u00e9tisation de l&#8217;espace 2D, il d\u00e9finit le nombre de pixels pour l&#8217;image (la r\u00e9solution).<\/p>\n<p>Exemple:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-451 size-full\" src=\"http:\/\/med-space.org\/youssef-zaz-master\/wp-content\/uploads\/2020\/12\/echantillonnage.jpg\" alt=\"\" width=\"1000\" height=\"264\" srcset=\"https:\/\/yzaz.net\/master\/wp-content\/uploads\/2020\/12\/echantillonnage.jpg 1000w, https:\/\/yzaz.net\/master\/wp-content\/uploads\/2020\/12\/echantillonnage-300x79.jpg 300w, https:\/\/yzaz.net\/master\/wp-content\/uploads\/2020\/12\/echantillonnage-768x203.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><br \/>\nD\u00e9finition : la r\u00e9solution est le nombre de points\/pixels par unit\u00e9 de longueur, exprim\u00e9 en :<br \/>\ndpi : dots per inch (points par pouce)<br \/>\nppc : points par centim\u00e8tres<br \/>\nppm : points par millim\u00e8tre<br \/>\nppi : pixels per inch<\/p>\n<p>1 pouce = 2.54 cm<br \/>\n<strong>Calcul de r\u00e9solution<\/strong><br \/>\nIl faut mettre en relation 3 param\u00e8tres :<br \/>\nLes dimensions physiques de l\u2019image finale (sur un \u00e9cran, imprim\u00e9e) ou de l\u2019image source (page \u00e0 scanner)<br \/>\n\u2010 ex. 30*20 cm<br \/>\nLa r\u00e9solution de l\u2019image finale \u2010 ex. 118 ppc<br \/>\nLa taille en pixels du fichier image \u2010 ex. 3072*2048 pixels<br \/>\n<strong>Exemple 1<\/strong><br \/>\nVous souhaitez imprimer une photo de 13 x10 cm. Votre imprimeur vous demande de lui fournir des images dont la r\u00e9solution est de 300 dpi au moins.<\/p>\n<p>Soit une r\u00e9solution de 300\/2.54 ppcm = 118.1 ppcm<br \/>\nVous devrez fournir \u00e0 votre imprimeur une image de<br \/>\nlargeur minimale : 13&#215;300\/2,54=1535 pixels<br \/>\nlongueur minimale : 10&#215;300\/2,54=1181 pixels.<br \/>\n<strong>Exemple 2<\/strong><br \/>\nUn \u00e9cran r\u00e9gl\u00e9 \u00e0 75dpi affiche une photo de dimension 15x12cm. Quelle est la taille de l\u2019image, en pixels ?<br \/>\n\u2022 75dpi=75\/2,54 pixels \/cm<br \/>\n\u2022 Largeur de l\u2019image : 15*75\/2,54 = 443 px<br \/>\n\u2022 Hauteur de l\u2019image : 12*75\/2,54 = 354 px<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"mh-excerpt\"><p>Codage des valeurs des pixels En niveau de gris \u2022 la valeur I (i,j) d\u2019un pixel s = (i,j) repr\u00e9sente son intensit\u00e9 lumineuse \u2022 binaire <a class=\"mh-excerpt-more\" href=\"https:\/\/yzaz.net\/master\/representation-numerique-image\/\" title=\"Repr\u00e9sentation num\u00e9rique de l&#8217;image\">[&#8230;]<\/a><\/p>\n<\/div>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/yzaz.net\/master\/wp-json\/wp\/v2\/pages\/150"}],"collection":[{"href":"https:\/\/yzaz.net\/master\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yzaz.net\/master\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yzaz.net\/master\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yzaz.net\/master\/wp-json\/wp\/v2\/comments?post=150"}],"version-history":[{"count":13,"href":"https:\/\/yzaz.net\/master\/wp-json\/wp\/v2\/pages\/150\/revisions"}],"predecessor-version":[{"id":602,"href":"https:\/\/yzaz.net\/master\/wp-json\/wp\/v2\/pages\/150\/revisions\/602"}],"wp:attachment":[{"href":"https:\/\/yzaz.net\/master\/wp-json\/wp\/v2\/media?parent=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}