{"id":8025,"date":"2019-05-14T10:18:48","date_gmt":"2019-05-14T15:18:48","guid":{"rendered":"https:\/\/itsoftware.com.co\/content\/?p=8025"},"modified":"2019-05-15T17:41:39","modified_gmt":"2019-05-15T22:41:39","slug":"que-es-un-pixel-en-computacion","status":"publish","type":"post","link":"https:\/\/itsoftware.com.co\/content\/que-es-un-pixel-en-computacion\/","title":{"rendered":"\u00bfQu\u00e9 es un pixel en inform\u00e1tica?"},"content":{"rendered":"\n

Un pixel en inform\u00e1tica, semejando a lo que ser\u00edan las c\u00e9lulas al cuerpo humano, es la unidad m\u00e1s peque\u00f1a de color uniforme que compone una imagen o texto en una pantalla de una computadora o en dispositivos similares.<\/p>\n\n\n\n

\"\u00bfQu\u00e9
\u00bfQu\u00e9 es un Pixel?<\/figcaption><\/figure><\/div>\n\n\n\n\n\n\n\n

Cada color que toma un pixel, combinado en una matriz de millones de ellos, es lo que conforma una imagen en una pantalla. Cuando una imagen est\u00e1 compuesta de mayor cantidad de ellos, se dice que tiene una mayor resoluci\u00f3n, lo que significa que es una imagen de mayor tama\u00f1o y detalle.<\/p>\n\n\n\n

\"Matriz
Matriz de Pixeles<\/figcaption><\/figure><\/div>\n\n\n\n

Un pixel en una pantalla puede tomar una combinaci\u00f3n de tres colores primarios, el rojo, el verde y el azul (Red, Green, Blue), conocido como el modelo RGB, para llegar a cualquier otro color. Este sistema de tres bytes es lo que se conoce como color verdadero, con el cual se pueden obtener m\u00e1s de 16 millones de colores. A esta cantidad de colores que se pueden obtener con esta cantidad de bytes, es lo que se conoce como profundidad del color. <\/p>\n\n\n\n

\"\"
Pantalla en zoom 600x<\/figcaption><\/figure><\/div>\n\n\n\n

El modelo RGB puede usar otro byte que permite definir la transparencia del color, o tambi\u00e9n denominado canal alfa. Adicional a la informaci\u00f3n del color, un pixel tambi\u00e9n contiene informaci\u00f3n de brillo y saturaci\u00f3n del color.<\/p>\n\n\n\n

La amplia gama de colores que se pueden representar con el sistema RGB, hace que las im\u00e1genes de hoy en d\u00eda sean m\u00e1s realistas y con mayores detalles. Esto no tiene que ver con la unidad usada en las c\u00e1maras digitales llamada megapixeles, donde se refiere a la cantidad de millones pixeles que conforman una fotograf\u00eda. <\/p>\n\n\n\n

Por ejemplo una c\u00e1mara con 2 megapixeles puede tomar fotograf\u00edas de alrededor de 1920 x 1080 pixeles. Este tama\u00f1o determina la matriz m\u00e1xima de pixeles donde la fotograf\u00eda va a tener una calidad aceptable a la vista. Una vez que la imagen se ponga en una pantalla de resoluci\u00f3n mayor, ya empezaremos a ver como la imagen empieza a perder detalles, y a cuadricularse. <\/p>\n\n\n\n

As\u00ed pues una imagen de gran cantidad de megapixeles, es muy \u00fatil cuando va a ser observada en pantallas de gran formato, como por ejemplo un televisor de alta definici\u00f3n, o se va a imprimir la foto para un cartel de gran tama\u00f1o. <\/p>\n\n\n\n

Pasando al mundo real, la cantidad de pixeles que se muestran en un \u00e1rea de una pantalla esta determinada por el par\u00e1metro ppi (pixels per inch) o pixeles por pulgada. Esto determina la calidad de la imagen en la salida de video, si por ejemplo tenemos una fotograf\u00eda o video de alta resoluci\u00f3n, pero contamos con una pantalla de resoluci\u00f3n baja, \u00e9sta no est\u00e1 en la capacidad de \u00abimprimir\u00bb esa cantidad de pixeles en su matriz f\u00edsica, por lo que la imagen no va a ser tan n\u00edtida como en otros monitores de alta definici\u00f3n.<\/p>\n\n\n\n

Por otro lado tenemos la medida dpi (dots per inch) o puntos por pulgada, que determinan la cantidad de puntos que se imprimir\u00e1n o escanear\u00e1n por pulgada cuadrada, y por lo tanto la calidad y resoluci\u00f3n de la impresi\u00f3n o escaneo. L\u00f3gicamente no vale poner muchos dpi si la resoluci\u00f3n de la imagen es baja. As\u00ed que para obtener resultados \u00f3ptimos de impresi\u00f3n en grandes formatos, se requiere de una imagen de gran resoluci\u00f3n.<\/p>\n\n\n\n

El mapa de bits que conforma una imagen (formato bmp), en general es codificado y comprimido para que su tama\u00f1o en disco sea menor, y pueda ser transferido m\u00e1s r\u00e1pidamente por la red, as\u00ed encontramos formatos como png, gif, jpg, etc. <\/p>\n\n\n\n

Obtener el color RGB de un pixel de una imagen<\/h2>\n\n\n\n

Finalmente, si deseamos capturar el equivalente RGB de un color de una imagen o texto, entonces podemos seguir los siguientes pasos:<\/p>\n\n\n\n

  1. Abrir la imagen en un navegador como Chrome, Opera o Mozilla.<\/li>
  2. Damos click derecho sobre la imagen y seleccionamos Inspeccionar elemento.<\/li>
  3. Aparece una secci\u00f3n generalmente en la parte inferior con el c\u00f3digo html.<\/li>
  4. Buscamos en la parte izquierda la secci\u00f3n color, y le damos click sobre el color que tiene,<\/li>
  5. Ah\u00ed entonces nos aparece el color en formato RGB o Hexadecimal.<\/li>
  6. Si queremos seleccionar cualquier otro color de la imagen, con el gotero de la herramienta, se pasa por encima de la imagen u objeto para tomar el RGB del color.<\/li><\/ol>\n\n\n\n
    \"Capturar
    Capturar el RGB de una imagen<\/figcaption><\/figure>\n\n\n\n

    Este art\u00edculo hace parte del sistema de divulgaci\u00f3n de conocimiento de ITSoftware SAS<\/a>.<\/p>\n\n\n\n

    Si te gust\u00f3, por favor no olvides compartirlo en las redes sociales. \ud83d\ude09<\/h4>\n\n\n\n

    <\/p>\n","protected":false},"excerpt":{"rendered":"

    Un pixel en inform\u00e1tica, semejando a lo que ser\u00edan las c\u00e9lulas al cuerpo humano, es la unidad m\u00e1s peque\u00f1a de color uniforme que compone una imagen o texto en una[…]<\/p>\n","protected":false},"author":1,"featured_media":8031,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[280,1534],"tags":[1536,1535],"class_list":["post-8025","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web-2","category-fotografia","tag-megapixeles","tag-pixeles"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/itsoftware.com.co\/content\/wp-content\/uploads\/2019\/05\/Pixeles-1.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/8025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/comments?post=8025"}],"version-history":[{"count":0,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/posts\/8025\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media\/8031"}],"wp:attachment":[{"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/media?parent=8025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/categories?post=8025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/itsoftware.com.co\/content\/wp-json\/wp\/v2\/tags?post=8025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}