Pixel y resoluciones

El pixel es la unidad mínima del mundo digital que se encuentra en toda pantalla, esta constituido siempre por 3 colores y dependiendo de la cantidad de luz que transmita nos dará la sensación de ver un color u otro.
A través de los pixeles podemos definir la resolución, especificando cuantos pixeles se verán por pulgada, entre más pixeles mayor será la resolución y entre más resolución significa que la imagen tendrá muchos más detalles para mostrar.
En la actualidad existen tres estándares de resoluciones de pixeles en nuestros diseños:

• 72 DPI: 72 pixeles por pulgada es la resolución óptima para las pantallas, debido a que estas siempre estarán a una distancia un poco lejana de nosotros.
• 144 DPI: Es un estándar creado por Apple y que usan sus dispositivos para mejorar la calidad de la imagen, usualmente es usado en las MAC.
• 300 DPI: Es una estándar creado para diseños con objetivos de ser impresos, debido a que las imágenes físicas son elementos que usualmente veremos a detalle.
  Se puede decir, que entre mas tengamos que acercar un elemento para verlo mayor cantidad de resolución deberá tener, mientras que entre mas lejos tenga que estar el elemento para su uso, menos resolución puede tener.

Para quien se lo pregunte, DPI viene de Dots Per Inch

144DPI

Por eso es recomendable trabajar en web con 72 DPI y 300 DPI para impresión en grande 😄

En mi país el DPI es el Documento personal de Identificación

Así como la unidad mínima de información es el bit, la unidad mínima de información de una imagen digital es el pixel. 🤟

Los términos Puntos Por Pulgada (DPI) y Píxeles Por Pulgada (PPI) se utilizan habitualmente para describir la resolución de una imagen. Sin embargo, esto términos no significan lo mismo y éstas son algunas de las diferencias más destacadas entre ambos:

DPI se refiere al número de puntos impresos que hay en una pulgada de una imagen impresa con una impresora.
PPI se refiere al número de píxeles que hay en una pulgada de una imagen reproducida en la pantalla de un ordenador.
Tanto PPI como DPI son unidades que sirven para describir la resolución final de una imagen cuando se reproduce en una pantalla (PPI) o cuando se imprime en papel (DPI). Si se divide el tamaño de la imagen (número total de píxeles de la imagen digital) por el valor de la resolución final, se puede determinar el tamaño que tendrá la imagen en una pantalla o impresa en papel.

Por ejemplo: una imagen de 3000x2000 píxeles, impresa con una resolución final de 300dpi tendrá un tamaño de impresión (ancho) de 10 pulgadas (3000 píxeles / 300dpi)

Gran parte de la confusión entre estos dos términos se debe a dos motivos. En primer lugar, aunque PPI se refiere a la resolución de una imagen digital en pantalla, también puede afectar a la calidad final de la fotografía impresa. En segundo lugar, algunos servicios de impresión profesionales exigen un mínimo de calidad DPI en las fotografías para poder imprimirlas; en realidad se refieren al valor de PPI, no al DPI (eso es lo que crea la confusión).

El término DPI es un método que sirve para determinar el tamaño de impresión de una imagen en papel en relación al tamaño de la imagen, que es el número total de píxeles en dirección horizontal y vertical. A pesar de que algunas aplicaciones de impresión todavía utilizan DPI, las aplicaciones de impresión más recientes permiten ajustar de forma exacta el tamaño en el que se quiere imprimir la foto (10x15cm, 20x30cm u otros). En las aplicaciones que utilizan el valor DPI para determinar el tamaño de impresión, aumentar este valor hará que la imagen impresa sea más pequeña, mientras que disminuir el valor DPI hará que el tamaño de la imagen impresa sea más grande.

PPI representa la resolución (densidad de píxeles) de una imagen digital reproducida en una pantalla. El valor PPI está correlacionado con el tamaño de la imagen (número total de píxeles), por lo que también condiciona la calidad de una imagen. Si una imagen digital tiene muy pocos píxeles, la fotografía no tendrá muchos detalles y aparecerá pixelada. Cuantos más píxeles, más y mejores detalles tendrá la imagen digital. La cantidad de PPI en una pantalla con unas medidas determinadas está condicionada por el tamaño de la imagen.

72DPI para pantallas
144DPI para retina
300DPI para impresión

Lo importante de la clase

DPI, Dots Per Inch

Los píxeles son pequeños cuadritos que tienen 3 colores: red, green, blue (rgb). Y la resolución está representada por la cantidad de estos píxeles que tiene por pulgada (DPI).

PPP = Pixeles Por Pulgada
DPI= Dots Per Inch

La calidad visual de la imagen va a variar al pasar de los años

DPI or dots per inch

DPI (densidad de pixeles)
PPP (pixeles por pulgada)

La resolución de una imagen indica la cantidad de detalles que puede observarse en esta. El término es comúnmente utilizado en relación a imágenes de fotografía digital, pero también se utiliza para describir cuán nítida es una imagen de fotografía convencional. La resolución de una imagen es el número de píxeles por pulgada que contiene (1 pulgada = 2,54 centímetros).

cuando diseño para lonas o banners en gran formato los realizo en 72 dpi en formato de color CMYK a escala 1:1

para impesiòn, tiene alguna relación el que sea una imagen de mayor tamaño o menor tamaño con lo DPI? supongamos, una imagen pequeña 120 DPI, y una mas grande 300DPI??

Chulada de imagen.

pixel: es la imagen fundamental , el pixel es un pequeño cuadrito que cambia constantemente de colores.
72 pixeles por pulgada pantallas
144 pixeles por pulgada retinas
300 pixeles por pulgada impresión
a mayor cantidad de pixeles, mayor será la resolución.

Una vez entendido el concepto de pixeles y resoluciones es importante entender cual densidad de pixeles es mas apropiada elegir antes de empezar a trabajar en un lienzo, y esto se elige de acuerdo al destino en el que se vaya a visualizar el trabajo final.
Pantallas 72DPI
Retina 144DPI
Impresión 300DPI

Pixel y resoluciones
El pixel es el elemento fundamental de una imagen digital, estos en conjunto son los que nos dan la imagen digital como tal.

Resolución de pixeles, es la densidad o cantidad de pixeles que se encuentran en una medida. Las densidad mas comunes que conocemos están dadas por la distancia en la cual estamos viendo la pantalla.

Por esta razón cuando diseñamos para interfaces pensamos para cual dispositivo lo hacemos porque debemos de empezar a exportar elementos a otras resoluciones diferentes a las cuales estamos diseñando.

Es de vital importancia saber sobre las resoluciones, para que tu diseño no pierda calidad.

Entonces gracias a ésta reseña debemos detenernos a la hora de imprimir o al momento de encargar la impresión de un trabajo digital sobre el detalle de las DPI con las que el producto deba imprimirse

RESOLUCIÓN: Se determina con PPP o DPI.

Qué es el pixel?
El pixel es la unidad mínima del mundo digital que se encuentra en toda pantalla está constituido siempre por 3 colores y dependiendo de la cantidad de luz que transmita nos dará la sensación de ver un color u otro.
A través de los píxeles podemos definir la resolución, especificando cuantos píxeles se verán por pulgada, entre más píxeles, mayor será la resolución y entre más resolución significa que la imagen tendrá muchos más detalles para mostrar.

Densidades populares:
72 DPI: 72 píxeles por pulgada es la resolución óptima para las pantallas, debido a que estas siempre estarán a una distancia un poco lejana de nosotros.

144 DPI: es un estándar creado por Apple y que usan sus dispositivos para mejorar la calidad de la imagen, usualmente es usado en las MAC.

300 DPI: es un estándar creado para diseños con objetivos de ser impresos, debido a que las imágenes físicas son elementos que usualmente veremos a detalle.

📌| En resumen:

La resolución es la precisión del detalle en las imágenes de mapa de bits, que se mide en píxeles por pulgadas (ppp). Y un pixel es la menor unidad homogénea en color que forma parte de una imagen digital. Cuantos más píxeles por pulgada, mayor resolución.

¡Finalmente comprendo bien lo de la resolución y píxeles!

Pixeles (DPI): Elemento fundamental en una imagen digital. Pequeño cuadro de tres colores. Rojo, verde azul. Dependiendo de su intensidad de luz simula diferentes colores. Resolución de pixeles: 1 pulgada (3píxeles por pulgada) ||| ||| ||| Densidad más comunes: 72 DPI - Pantallas 144 DPI - "Retina" 300 DPI - Impresión

que diferencia hay entre DPI? y ppi?

PPP y PPI: Son los acrónimos de Píxeles por pulgada y Pixels per inch, que significan exactamente lo mismo, es una medida de densidad de imagen que relaciona el número total de pixeles de un monitor con su tamaño en pulgadas (inches), en la dirección horizontal y en la dirección vertical. Esta medida es muchas veces confundida con el concepto de puntos por pulgada (DPI) describen la resolución de la imagen, cuantos más píxeles por pulgada, más nitidez y más información tiene la imagen, una resolución de 300 DPI por ejemplo quiere decir que la imagen contiene 300 pixeles de ancho y 300 pixeles de alto, por ende, la imagen se compone de 90.000 píxeles (300x300 PPP).

Muy buena ilustración del tema, me llevo muy buen aprendizaje

Yo uso generalmente 96 DPI para proyectos digitales. Lo uso más que el de 72 para tener una relación a tamaño real más cercana.

Todo clarísimo. Gracias

Sorprendente.

El pixel que es la unidad fundamental de construcción de imagen digital. Se basa en el cambio de intensidad de sus 3 colores básicos para dar la impresión de ver cierto color (mezcla de colores para dar lugar a otro) de un pixel, la combinación de todos ellos en una pantalla es lo que nos da la ilusión de ver una imagen

Estas cosas no las sabia.

Gracias!

Excelente clase

realmente aunque a mano o a forma digital sea el dibujo o imagen no importa ya que sera transmitido a los medios de una forma u otra

Creo que ha faltado mencionar que DPI viene del Inglés "Dots Per Inches"

Los pixeles son la base de la imagen digital.

Que excelente clase, ahora entiendo por que las luces de los pc gamers las llaman “RGB” Red, Green, Blue, los tres colores de un pixel.

Lo mas importante en la imagen en las compadraos es el pixel y cambiando su intensidad de luz es el color que nos va a mostrar al ojo. a mayor pixeles mayor saturación.

Que buen aporte

DEFINICIONES

Fuente:https://books.google.com.co/books?id=ncZk2yk2cLkC&pg=RA38-PA2&dq=el+pixel&hl=es&sa=X&ved=2ahUKEwjhtbb38enqAhWRVN8KHWJhBu0Q6AEwAHoECAAQAg#v=onepage&q=el pixel&f=false

D.P.I. Es [D]ot [P]er [I]nch

Excelente clase gracias

estupendo, estou empezando con diseño y esto me pareció interesante

¿Como se podria aplicar los pixeles al diseño de interfaces web?

Palabras Claves
Imagen Digital
Imagen - pixel
Resolución - PPP
Densidades
Distancia

Las densidades y las exportaciones de las misma influyen en la definiciòn de la creaciòn de un determinado proyecto.

Pixel
Es la unidad fundamental de una imagen. Es un cuadrito formado por 3 colores (Rojo, Verde, Azul). Cambiando la intensidad de cada color podemos simular los demas colores.

DPI O PPP
Pixeles por pulagada: cantidad de pixeles que se encuentran en una pulgada.

Resoluciones comunes

Las densidades cada vez se están incrementado más

300 DPI* Ups

Pixel y resoluciones
El pixel es la unidad elemental en la imagen digital, es un cuadrado que contiene los colores rojo, verde o azul, dependiendo de la intensidad de la luz que emite puede crear la ilusión que vemos diferentes colores.
El conjunto de pixeles simula una imagen completa. Los pixeles se miden en Pixeles por Pulgada (PPP o DPI), lo que nos da la resolución de pantalla. Cuando diseñamos, debemos tener presente a qué resolución va nuestro diseño final, ya que tendremos que hacer consideraciones al momento de exportar. Este depende mucho ya que hay dispositivos como móviles o relojes inteligentes que los tenemos mucho más cerca que la pantalla de una computadora. Densidades más comunes:

• • 72 DPI Pantallas standard
  • 144 DPI Retina
  • 300 DPI Impresión

Para los que tienen duda sobre cómo la resolución a la hora de trabajar para proyectos web o móviles les recomiendo echar un vistazo a este apartado de Material Design donde explican los conceptos básicos de Densidad de Pixel y Pixeles Independientes.

Pixel y resoluciones

• El pixel es un pequeño cuadrito de 3 colores: rojo, verde, azul.

Resolución

<aside>
💡 PPP (pixeles por pulgada) es lo mismo que DPI.

</aside>

Densidades comúnes

1. 72 DPI → Diseño de pantallas
2. 144 DPI → Pantallas retina (4K) - apple
3. 300 DPI → Impresión

Super esta informacion.
Densidades populares:
72 DPI: 72 píxeles por pulgada es la resolución óptima para las pantallas, debido a que estas siempre estarán a una distancia un poco lejana de nosotros.
144 DPI: es un estándar creado por Apple y que usan sus dispositivos para mejorar la calidad de la imagen, usualmente es usado en las MAC.
300 DPI: es un estándar creado para diseños con objetivos de ser impresos, debido a que las imágenes físicas son elementos que usualmente veremos a detalle.

Me encanta la facilidad con la que explica el profesor. Claramente domina el tema.

DPI ( Dots Per Inch) = Puntos por pulgada
PPI (Pixels Per Inch) = Pixeles por pulgada

Excelente clase

Los pixeles estan compuestos por 0110010010101 (ceros y unos)

avance de los videojuegos desde el principio a fin pixeles cada vez mas pequeños.

¡Me encanta todo lo relacionado con los pixeles! Creo personalmente que son esenciales en todo el proceso de diseño.

Píxel y resoluciones

El píxel es un cuadro con 3 colores: rojo, azul y verde. Cambiando su intensidad, se generan los distintos colores.

Píxeles por pulgada → PPP en español o DPI en inglés.

Densidades más comunes:

Necesitamos más píxeles para que, cuando acerquemos nuestra vista al objeto, no veamos los píxeles sino la imagen con buena resolución.

• El elemento fundamental de una imagen digital es el pixel.

• El píxel nos da la ilusión de una imagen. Un píxel está conformado por tres colores (rojo, verde, azul; RGB en inglés).

• Cuando un píxel cambia su intensidad de luz simula otros colores.

• PPP se refiere a píxeles por pulgada. En inglés es DPI.

Densidades de resoluciones más comunes:
72 DPI: pantallas (fue la más común para pantallas, hasta la aparición de retina)
144 DPI: retina (productos contemporáneos de Apple)
300 DPI: impresión (necesitamos más detalle con productos impresos)

• ¡Existen muchas más resoluciones!
• Los dispositivos que los vemos más cerca necesitan densidades mayores. Ej: Apple watch.
• Cuando diseñamos para interfaces usamos los vectores para exportar a diferentes resoluciones.

Densidades más comunes

Resolución de los pixeles

Pixel y resoluciones

El elemento fundamental de una imagen digital es el pixel, es un cuadrito que tiene tres colores (RGB) que cambiando su intensidad de luz simulan diferentes colores. Sumando esa cantidad de pixeles es lo que nos da una ilusión de que estamos viendo una imagen.

¿El pixel está ligado exclusivamente al RGB o qué pasa con CMYK?

UN PIXEL TIENE TRES COLORES (RGB)

Métodos e historia del píxel
Existen dos métodos con los que trabaja el pixel en la actualidad y estos son los siguientes:

• El mapa de bits es el método más tradicional que existe dentro de este mundo de los pixeles. Este es el que permite hasta 256 colores variados, donde cada píxel cuenta con byte en específico. De esta forma puede representar las imágenes a través de estos colores de una forma realista.

• Por otro lado, se encuentran las imágenes que dentro de cada píxel cuentan con tres canales de bytes. Claramente esto puede multiplicar el resultado final de la imagen con más de 16 millones de colores posibles. Así se tiene una calidad mucho más elevada en la imagen, dando la realidad necesaria.

** La resolución** Se le conoce como resolución dentro de una imagen, pantalla o impresión al número de píxeles que suelen haber por pulgada. Se puede decir que una pulgada mide unos 2.54 centímetros y se puede conocer de las siguientes dos maneras.

En español, PPP o Puntos Por Pulgada
En inglés, DPI o Dots Per Inch

https://pcredcom.com/blog/computo/pixel-y-resolucion/

ALGUIEN ME PUEDE EXPLICAR POR QUE EL PROFE DICE QUE PPP ES PIXELES POR PULGADA Y DPI PUNTOS POR PULGADA Y QUE SON LO MISMO CUANDO EN LADEFINICION DE XATAKA ME DICE QUE NO SON LO MISMO?

El Pixel es la unidad mas basica que compone una imagen digital, a mayor numero de estos en una imagen, su resolucion sera mayor y mas nitida para el ojo, por ello a un conjunto de pixeles se les llama “pulgada” y dependiendo del numero de estos por pulgada (PPP) es como se diferencian los distintos tipos de pantallas.

Muchas gracia por la información

excellente

Pixel / El elemento fundamental de la imagen.

• Es un pequeño cuadrito que tiene tres colores, cuando cambian su intensidad de luz nos simulan diferentes colores, sumando esa cantidad de pixeles nos da una ilusión de una imagen.

• Para entender mejor el pixel tenemos que hablar de las resoluciones de los pixeles.

Cada pulgada contiene 3 pixeles
Pixeles por Pulgada

• PPP

• DPI

Densidades más comunes

• 72 DPI Pantallas

• 144 DPI Retina

• 300 DPI Impresión

Gracias no sabia esto!

El elemento fundamental de una imagen es el píxel.
Entre mas pequeña la pantalla más DPI necesita para ver la ilusión completa de la imagen y que no se vea el píxel.

Un formato muy adecuado y claro para la explicación de las densidades

1 pixel: unidad elemental que tiene 3 colores, rojo, verde y azul

144 DPI para pantallas! anotado!

La resulción revela el nivel de detalle que puede mostrar una imagen, mientras mayor es la resolución, más comprimidos están los píxeles en la imagen Una imagen con una resolución de 72 DPI dice: “en una pulgada de esta imagen caben 72 píxeles”

interesante el mundo de lo digital y lo análoga
entre los colores

Un píxel o pixel, ​ plural píxeles, es la menor unidad homogénea en color que forma parte de una imagen digital. Wikipedia