Las primeras guardan informaci\u00f3n sobre formas y colores. Una imagen vectorial sabe<\/em> si contiene un cuadrado o una circunferencia, cu\u00e1l es su tama\u00f1o y su posici\u00f3n en el plano, y cu\u00e1l es su color.\u00a0En cambio las im\u00e1genes de mapa de bits s\u00f3lo guardan informaci\u00f3n sobre el color de cada p\u00edxel en una matriz.<\/p>\n Arriba vemos una imagen de mapa de bits y una ampliaci\u00f3n de la misma. En la ampliaci\u00f3n se aprecia claramente que est\u00e1 formada por cuadraditos de color que, al verse al tama\u00f1o adecuado, se funden en una imagen n\u00edtida. Cada uno de esos cuadritos recibe el nombre de p\u00edxel<\/strong> (picture element<\/em>). Podemos definir el p\u00edxel como cada elemento de una red o matriz, organizada en filas y columnas, que guarda informaci\u00f3n sobre el color de ese elemento<\/strong>.<\/p>\n En la pantalla de un ordenador, de un smartphone<\/em> o de una tablet<\/em>, cada p\u00edxel se corresponde con un grupo de tres puntos luminosos (subp\u00edxeles<\/em>): uno rojo, uno verde y uno azul.<\/p>\n Cada uno de esos colores se funde en nuestro ojo con los otros dos, de manera que no los percibimos por separado a menos que observemos la pantalla con una lupa. Lo interesante del asunto es que cada uno de esos subp\u00edxeles puede iluminarse m\u00e1s o menos, en una escala de 256 grados de intensidad. As\u00ed, el color que percibimos puede estar formado por diferentes intensidades de cada uno de los colores b\u00e1sicos. Por ejemplo, si el subp\u00edxel rojo est\u00e1 iluminado a tope (255), el verde a dos tercios de su intensidad m\u00e1xima (170) y el azul a un tercio (85), el resultado ser\u00e1 un color anaranjado, resultado de mezclar las intensidades de los tres subp\u00edxeles. Si los tres subp\u00edxeles brillan al m\u00e1ximo (255) el color resultante es blanco. Si los tres brillan a media intensidad (127), el resultado es gris. Con este m\u00e9todo un monitor es capaz de producir 16,8 millones de colores.<\/p>\n Vuelve a leer la definici\u00f3n de p\u00edxel:\u00a0Podemos definir el p\u00edxel como cada elemento de una red o matriz, organizada en filas y columnas, que guarda informaci\u00f3n sobre el color de ese elemento<\/em>.<\/p>\n En la imagen superior vamos una matriz de 10 x 8 p\u00edxeles. En la segunda imagen vemos una matriz de 12 x 14 p\u00edxeles representando una letra ‘a’. y los valores num\u00e9ricos asociados a cada color. Este es un modelo simplificado que emplea s\u00f3lo 8 tonos de gris (3 bits = 23\u00a0<\/sup>= 2 x 2 x 2 = 8). El modelo explicado arriba emplea 8 bits por subp\u00edxel (8 bits x 3 = 24bits =\u00a0224<\/sup>\u00a0= 16.777.216).<\/p>\n Si el p\u00e1rrafo de arriba te resulta confuso no te preocupes. Lo importante que tienes que recordar es que una matriz de p\u00edxeles guarda los siguientes datos:<\/p>\n Esto es importante porque significa que:<\/p>\n Los programas de edici\u00f3n de imagen basados en bitmaps, como Photoshop, Gimp, Lightroom o Fireworks hacen precisamente eso: modificar r\u00e1pidamente los n\u00fameros que representan el color de cada p\u00edxel, cambiando por tanto el color resultante. En las actividades de esta p\u00e1gina aprenderemos a usar un programa sencillo de edici\u00f3n de bitmaps y trataremos de comprender qu\u00e9 operaciones matem\u00e1ticas producen qu\u00e9 resultados.<\/p>\n En nuestro caso utilizaremos un editor online llamado Pixlr<\/a>. Este software tiene dos versiones: Pixlr Editor<\/a><\/strong>, que es la que vamos a utilizar, y Pixlr Express, m\u00e1s limitada, que no usaremos. La versi\u00f3n para smartphones y tablets es la segunda, as\u00ed que no nos interesa.<\/p>\n Como alternativa podemos usar Gimp, que est\u00e1 instalado en los ordenadores del aula, pero Pixlr re\u00fane las herramientas b\u00e1sicas que necesitamos para comprender qu\u00e9 hace este tipo de programas y luego podemos escalar f\u00e1cilmente lo aprendido a otros editores m\u00e1s serios.<\/p>\n \u00a0<\/span><\/strong><\/p>\n","protected":false},"excerpt":{"rendered":" Las im\u00e1genes digitales pueden ser de varios tipos. Las m\u00e1s importantes para nuestro curso son dos: Im\u00e1genes vectoriales Im\u00e1genes de mapa de bits (llamadas tambien bitmaps o im\u00e1genes rasterizadas) Las primeras guardan informaci\u00f3n sobre...<\/p>\n","protected":false},"author":10581,"featured_media":0,"parent":71,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/wp-json\/wp\/v2\/pages\/758"}],"collection":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/wp-json\/wp\/v2\/users\/10581"}],"replies":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/wp-json\/wp\/v2\/comments?post=758"}],"version-history":[{"count":0,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/wp-json\/wp\/v2\/pages\/758\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/wp-json\/wp\/v2\/pages\/71"}],"wp:attachment":[{"href":"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/wp-json\/wp\/v2\/media?parent=758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}P\u00edxeles<\/h2>\n
![\"\"](\"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/files\/2018\/01\/220px-Rgb-raster-image-es.png\")
<\/p>\n![\"\"](\"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/files\/2018\/01\/Pixel_geometry_01_Pengo1.jpg\"){kind=tracking}
<\/p>\nLa matriz de p\u00edxeles<\/h2>\n
![\"\"](\"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/files\/2018\/01\/9781588906380_c002_f001-300x232.jpg\")
![\"\"](\"https:\/\/blogsaverroes.juntadeandalucia.es\/jvaraujo\/files\/2018\/01\/sample_grid_a_square-300x176.png\")
<\/p>\n\n
\n
Los editores de mapas de bits<\/h2>\n