{"id":1164,"date":"2019-10-07T13:40:23","date_gmt":"2019-10-07T13:40:23","guid":{"rendered":"http:\/\/wp.pixerecourt.fr\/cours-info\/?page_id=1164"},"modified":"2021-11-08T14:34:13","modified_gmt":"2021-11-08T14:34:13","slug":"images-matricielles","status":"publish","type":"page","link":"https:\/\/wp.pixerecourt.fr\/cours-info\/images-matricielles\/","title":{"rendered":"Imagerie num\u00e9rique: Images matricielles"},"content":{"rendered":"\r\n<p>&nbsp;<\/p>\r\n<h2>Images matricielles<\/h2>\r\n<p>Ces images sont compos\u00e9es de points color\u00e9s assembl\u00e9s entre eux. G\u00e9n\u00e9ralement, ces points sont tr\u00e8s petits, ils sont appel\u00e9s \"Pixels\". En voici un exemple ci dessous:<\/p>\r\n<p><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/P1060787-compression1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1583\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/P1060787-compression1-300x225.jpg\" alt=\"\" width=\"300\" height=\"225\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/P1060787-compression1-300x225.jpg 300w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/P1060787-compression1-768x576.jpg 768w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/P1060787-compression1-600x450.jpg 600w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/P1060787-compression1-347x260.jpg 347w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/P1060787-compression1-85x65.jpg 85w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/P1060787-compression1-620x465.jpg 620w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2020\/11\/P1060787-compression1.jpg 800w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\r\n<p>C'est des images de ce type qui sont cr\u00e9es par les appareils photo num\u00e9riques ou les smartphones, quand on \"Scan\" un document ou quand on fait une capture \u00e9cran sur un ordinateur<\/p>\r\n<p>Ce type d'image nous permet de manipuler des photos, ou n'importe quelle autre image n\u00e9cessitant beaucoup de d\u00e9tail. En revanche, ce format est assez \"lourd\" \u00e0 manipuler car la quantit\u00e9 d'information manipul\u00e9 par l'ordinateur est importante.<\/p>\r\n<p>&nbsp;<\/p>\r\n<p><a href=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/exemple-image-matricielle.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-318 size-full\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/exemple-image-matricielle.jpg\" alt=\"exemple image matricielle\" width=\"400\" height=\"234\" srcset=\"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/exemple-image-matricielle.jpg 400w, https:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/exemple-image-matricielle-300x175.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/><\/a> Exemple d'image matricielle. Source: https:\/\/fr.wikipedia.org\/wiki\/Image_matricielle<\/p>\r\n<h4>Principe:<\/h4>\r\n<p>Dans un ordinateur ou un smartphone, toutes les informations sont transform\u00e9 en nombre. Cette op\u00e9ration est appel\u00e9e \"Encodage\", elle est obligatoire pour que ces informations soient transf\u00e9r\u00e9es par le r\u00e9seau ou enregistr\u00e9es, par exemple, sur un disque dur.<\/p>\r\n<p>Pour encoder une image matricielle, le logiciel qu'on utilise va devoir enregistrer la couleur de chaque pixel que compose l'image et la convertir en nombres. Pour afficher une image, il va devoir faire l'inverse: lire les nombres de l'image afin de conna\u00eetre la couleur de chacun de ces pixels.<\/p>\r\n<p style=\"text-align: center;\"><strong>Donc: Plus le nombre de pixel \u00e0 traiter est important, plus le travail du logiciel va prendre du temps. <\/strong><\/p>\r\n<p>Prenons un exemple tr\u00e8s rudimentaire, voici une image de 4 pixels, en noir et blanc, compos\u00e9e de 3 pixel noir et un pixel blanc:<\/p>\r\n<div class=\"exemple\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-776\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/carrenb.jpg\" alt=\"carrenb\" width=\"50\" height=\"50\"><\/div>\r\n<div>&nbsp;<\/div>\r\n<div class=\"exemple\">Pour encoder cette image, l'ordinateur \u00e0 besoin de 4 nombres binaires (1 par pixel) pouvant prendre 2 valeurs (0 pour le noir, 1 pour le blanc).<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-778\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/carre_annote.jpg\" alt=\"carre_annote\" width=\"71\" height=\"121\"><\/div>\r\n<div>&nbsp;<\/div>\r\n<p><strong>Le r\u00e9sultat de l'encodage sera, en nombre binaire: <\/strong><\/p>\r\n<div class=\"exemple\" style=\"text-align: center;\"><strong>0001<\/strong><\/div>\r\n<p>\u00c9videment avec 4 pixels, on ne fait pas grand chose, c'est pour cela que les images qui doivent refl\u00e9ter la r\u00e9alit\u00e9 en comporte beaucoup plus !!!<\/p>\r\n<div class=\"exemple\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-776\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2021\/11\/matrice-de-0-et-1.jpeg\" width=\"300\" height=\"168\"><\/div>\r\n<p class=\"exemple\">En plus tout ceci ne refl\u00e9tait le cas d'une image compos\u00e9e uniquement de noir et de blanc. Si on travail avec une image en couleur, on a besoin d'encore plus de nombre: Autre exemple, pour la m\u00eame image de 4 pixels, cette fois ci en couleur:<\/p>\r\n<p class=\"exemple\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-780\" src=\"http:\/\/wp.pixerecourt.fr\/cours-info\/wp-content\/uploads\/sites\/39\/2015\/09\/carre_annotecoul.jpg\" alt=\"carre_annotecoul\" width=\"103\" height=\"120\">Pour chaque pixel, l'ordinateur doit d\u00e9crire la quantit\u00e9 de Rouge, de Vert et de Bleu que compose la couleur, comme cette image comporte 4 pixels, aura donc besoin de 12 nombres (3 par pixel).<br>\r\nLa quantit\u00e9 de chaque couleur est pr\u00e9cis\u00e9e par un nombre allant de 0 \u00e0 255 (un octet):<\/p>\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td>\r\n<p class=\"exemple\">Le premier pixel est jaune. Le code de couleur associ\u00e9 au jaune est<\/p>\r\n<p class=\"exemple\">255 255 0<\/p>\r\n<\/td>\r\n<td>\r\n<p class=\"exemple\">Le premier pixel est noir. Le code de couleur associ\u00e9e au jaune est:<\/p>\r\n<p class=\"exemple\">0 0 0<\/p>\r\n<\/td>\r\n<td>\r\n<p class=\"exemple\">Le troisi\u00e8me pixel est vert. Le code de couleur associ\u00e9e au vert est:<\/p>\r\n<p class=\"exemple\">0 255 0<\/p>\r\n<\/td>\r\n<td>\r\n<p class=\"exemple\">Le quatri\u00e8me pixel est rouge. Le code de couleur associ\u00e9e au rouge est:<\/p>\r\n<p class=\"exemple\">0 0 255<\/p>\r\n<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n<p>&nbsp;<\/p>\r\n<p>Le r\u00e9sultat de l'encodage sera, en nombre binaire: <strong>11111111 11111111 00000000 00000000 00000000 00000000 00000000 11111111 00000000 00000000 00000000 11111111<\/strong><\/p>\r\n<p>La quantit\u00e9 d'information est beaucoup plus importante que pour une image en noir et blanc: imaginez une image de 1000 pixels!<\/p>\r\n<p>Heureusement, le mat\u00e9riel informatique qu'on utilise de nos jours \u00e0 des capacit\u00e9s de calcul et de rapidit\u00e9 de transf\u00e8re d'information tr\u00e8s importante, mais pas infinie : Si on fait manipuler trop de pixel \u00e0 un logiciel qui n'est pas pr\u00e9vu pour cela , celui peut se mettre \u00e0 \"ramer\" ou \u00e0 \"planter\" Il est donc essentiel d'adapter le nombre de pixel d'une image matricielle \u00e0 ce qu'on veut en faire. Plut\u00f4t que \"nombre de pixel\", on parlera de \"Taille\", qui est une caract\u00e9ristique essentielle d'une image !<\/p>\r\n<p>&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>&nbsp; Images matricielles Ces images sont compos\u00e9es de points color\u00e9s assembl\u00e9s entre eux. G\u00e9n\u00e9ralement, ces points sont tr\u00e8s petits, ils sont appel\u00e9s \u00ab\u00a0Pixels\u00a0\u00bb. En voici un exemple ci dessous: C&rsquo;est des images de ce type qui sont cr\u00e9es par les appareils photo num\u00e9riques ou les smartphones, quand on \u00ab\u00a0Scan\u00a0\u00bb un document ou quand on fait [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-1164","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages\/1164","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/comments?post=1164"}],"version-history":[{"count":26,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages\/1164\/revisions"}],"predecessor-version":[{"id":1725,"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/pages\/1164\/revisions\/1725"}],"wp:attachment":[{"href":"https:\/\/wp.pixerecourt.fr\/cours-info\/wp-json\/wp\/v2\/media?parent=1164"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}