¿Cuál es la diferencia entre DPI (puntos por pulgada) y PPI (píxeles por pulgada)?

28

Hay muchas otras preguntas sobre diseño gráfico que cubren esto en parte, por ejemplo, ¿qué DPI debe usarse para qué situaciones? .

Sin embargo, me he sentido frustrado por la cantidad de preguntas y respuestas que confunden los dos términos. Creo que entender la diferencia es importante.

¡Así que aquí hay un lugar para responder bien a esta pregunta y aclarar la confusión!

e100
fuente
1
¿No desea simplemente limpiar (es decir, eliminar la referencia de Photoshop) de graphicdesign.stackexchange.com/questions/199/… y remitir a los abusadores? Ambas respuestas aclaran bastante sucintamente la diferencia entre Point y Pixel. Todo lo que falta es "por pulgada".
Farray
1
Es una planta perenne. Viene una y otra vez en diferentes formas en cada foro relacionado con gráficos, listserv, blog o seminario. Sin embargo, e100 tiene razón, no tenemos una declaración definitiva que cubra todas las bases y aborde de manera clara esta pregunta exacta. He hecho un intento a continuación. Siéntase libre de editar.
Alan Gilbertson
@AlanGilbertson Suena bien. Después de obtener algunas buenas respuestas canónicas, tal vez podríamos editar extractos en los Tag Wikis y, con suerte, reducir la confusión futura ...
Farray
@Farray, los puntos y los puntos son cosas muy diferentes.
e100
@ e100 Tienes razón. Salté un poco el arma sobre ese comentario basado en el presentimiento de que hemos visto esta pregunta antes. Después de revisar un montón de otras preguntas DPI / PPI, parece que realmente no hemos tocado este tema de manera que se pueda hacer referencia a las preguntas futuras para obtener una respuesta definitiva.
Farray

Respuestas:

23

Un píxel (la palabra fue originalmente acuñada, iirc, por IBM y deriva del "elemento de imagen") es la unidad de información indivisible más pequeña en una imagen digital. Se pueden mostrar píxeles o se pueden imprimir, pero no puede dividir los píxeles en partes más pequeñas para obtener más información. Cuántos canales y bits por canal forman un píxel es la medida de lo sutil que puede ser la información en un píxel, pero el hecho básico es que 1 píxel es el incremento más pequeño de información en una imagen. Si hace video, sabe que los píxeles no tienen que ser cuadrados, no son cuadrados en todos los formatos de video más antiguos. Cuadrado o no, un píxel sigue siendo la unidad más pequeña de una imagen.

Una pulgada (bueno, ya lo sabes, ten paciencia conmigo) es una unidad de medida lineal en una superficie, que podría ser una pantalla o un trozo de papel.

Un punto es, bueno, un punto. Puede ser un punto en una pantalla, o puede ser un punto producido por un cabezal de impresión. Al igual que los píxeles, los puntos son atómicos. Están allí o no están. La cantidad de detalles finos que puede mostrar una pantalla depende de qué tan cerca estén los puntos (lo que solían llamar "pitch dot" en los viejos días de CRT). Lo pequeños que son los puntos de una inyección de tinta, una impresora láser o una filmadora determina cuántos detalles finos puede reproducir.

Los puntos por pulgada son bastante fáciles. Una pantalla tiene tantos puntos (cada uno con elementos R, G y B) por pulgada de pantalla. Es lo mismo en el papel. Una impresora de 1200 ppp puede colocar 1200 puntos en una pulgada lineal. Al describir los detalles de la pantalla o la salida de la impresora, el término correcto es puntos por pulgada.

PPI es donde entra la confusión. Una imagen tiene tantos píxeles. Sus metadatos contienen un tamaño de salida en pulgadas, cm, mm, M y M, lo que sea. Es el ancho en píxeles dividido por el ancho de salida en los metadatos de donde proviene "por pulgada". Entonces, la misma imagen con diferentes metadatos puede ser 72 ppi, 150 ppi u 8000 ppi. La información de la imagen es la misma; todo lo que ha cambiado son los metadatos.

Una demostración rápida y fácil que ilustra un poco el punto es hacer algunas marcas en un pedazo de elástico, digamos de cinco a una pulgada. Estire el elástico al doble de su longitud. El número de marcas no ha cambiado, aunque las "marcas por pulgada" ahora son 2.5.

Puede ver esto en Photoshop si apaga Resample Imagey cambia el tamaño. El valor de ppi cambia para reflejar qué tan pequeños deben reproducirse los píxeles para alcanzar el valor de medición en pulgadas / cm / mm, etc. Tenga en cuenta que en este caso los Pixelscampos están deshabilitados. No puede cambiar esos valores a menos que vuelva a muestrear.

La confusión masiva entró cuando los píxeles de la imagen se asignaron a los puntos de la pantalla en los navegadores web. Una imagen de 200 píxeles se muestra como 200 píxeles en un navegador. Su tamaño , medido con una regla, depende de los puntos por pulgada de la pantalla. Los metadatos de la imagen podrían decir que son 200 ppp o 72 ppp o 1 ppp, pero ocuparán exactamente 200 puntos de pantalla. El mundo sigue obsesionado con "72 ppp para la web", por lo que sigue surgiendo la pregunta de "cuál es la resolución correcta para las imágenes web", y la respuesta correcta, "no importa", sigue siendo suministrada hasta la saciedad.

Si todavía estás conmigo, hay un último paso que une a los dos.

Una imagen de 720 píxeles de ancho con 10 pulgadas de ancho físico tiene una resolución de 72 píxeles por pulgada. Si lo imprime en una impresora de 1200 ppp, habrá 1200 puntos por pulgada en el papel, pero la imagen seguirá siendo de 72 píxeles por pulgada . Por eso parece una mierda. Por otro lado, una imagen de 7200 píxeles de ancho impresa a 1 pulgada de ancho excederá la resolución de nuestra impresora de 1200 ppp. Photoshop (digamos) y el controlador de la impresora deciden qué píxeles desechar y cuáles imprimir. Algunos de los puntos impresos se promediarán entre los píxeles adyacentes de la imagen, pero, independientemente, parte de la información de la imagen debe desecharse. La salida será de 1200 ppp, pero el software habrá reducido la resolución de la imagen impresa a un máximo de 1200 ppp.

Alan Gilbertson
fuente
Hmmm, cosas buenas, pero creo que la mención de "puntos por pulgada" para pantallas es confusa ...
e100
2
Probablemente también valga la pena mencionar que cada píxel en una imagen puede ser de cualquier color en el espacio de color de trabajo, los puntos (especialmente en la impresión digital) generalmente son mucho más limitados. Una impresora de 1200 ppp puede imprimir 1200 puntos por pulgada (generalmente 1200 puntos por pulgada por color), pero cada uno de esos puntos está activado / desactivado o disponible en un número limitado de tamaños (generalmente cuatro o menos). Eso significa que necesita un grupo de puntos juntos para crear con precisión la apariencia del color de un píxel. (continuación)
Stan Rogers
2
Imprimir una imagen de 300 ppp (resolución de impresión) en una impresora de 1200 ppp significaría que hay 16 puntos de cada color (con una "profundidad" baja para cada punto) para representar cada uno de esos píxeles. Si bien los sistemas de impresora / controlador son bastante buenos para difuminar, sigue siendo una gama bastante pobre. Es por eso que las impresoras digitales con más de cuatro valores de tinta (negros más claros, cian claro, magenta claro y, a menudo, uno o más colores puros que normalmente se mezclarían) pueden imprimir mucho mejor que una impresora todo en uno de cuatro colores de $ 50 1200 ppp: Cada uno de los grupos de puntos utilizados para imprimir un píxel puede representar un rango mucho mayor de tonos.
Stan Rogers
@Stan: te animo a que incluyas esta información en la respuesta.
e100
Entonces, ¿un píxel es una codificación (color) de lo que se debe mostrar en / en un punto?
samis
2

Alan cubrió la mayoría de los conceptos básicos bastante bien. También me gustaría resaltar no solo la diferencia entre DPI y PPI, sino también la relación entre PPI y la resolución de la pantalla (que es solo el número bruto de píxeles en una pantalla).

Creo que muchos recuerdan aquellos días embriagadores cuando tuvimos que pasar de las resoluciones VGA a SVGA a XGA. Fue agradable por un tiempo cuando la mayoría de los consumidores tenían monitores con especificaciones similares a 1024px X 768px @ 72 PPI y teníamos un objetivo bastante seguro para mostrar gráficos.

Esta complacencia sigue siendo evidente , pero cada vez más poco realista. Muchos fabricantes de dispositivos móviles se han centrado en aumentar la resolución, mientras que las pantallas físicas cambian ligeramente, si es que lo hacen. El resultado son los PPI que están en aumento en pequeños factores de forma portátiles. Esto brinda muchas oportunidades para crear accidentalmente gráficos que simplemente no son útiles (o, casi tan malo, que los sistemas operativos los amplían automáticamente a expensas de los bordes limpios en los que trabajó tan duro).

Un ejemplo sencillo del mundo real es el iPhone de Apple . Las primeras 3 ediciones tenían una pantalla de 89 mm (diagonal), con 320px X 480px (163 PPI). Luego presentaron la pantalla "Retina" (hola, Marketing) que aumentó la resolución hasta 640px X 480px pero todavía tenía solo 89 mm de tamaño físico (¡326 PPI!). BlackBerry ha realizado movimientos similares (aunque sin el estilo de marketing) y parece que lo mismo está por suceder también con el iPad.

Otro término que también puede ser de interés es DIP o DP . Microsoft se refiere a ellos como "Píxeles independientes del dispositivo" y en la plataforma Android son "Píxeles independientes de la densidad" . Tienen nombres ligeramente diferentes, pero son el mismo concepto central. El objetivo es permitir que las aplicaciones sean "conscientes de DPI" y escalar texto / objetos alrededor de convenciones constantes. Las aplicaciones conscientes de la densidad conocen el PPI de la pantalla y el "DPI" deseado, y luego escalan el texto y los objetos adecuadamente.

Llevando esto de vuelta a nuestro escenario de PPI cada vez mayor, si diseñó un sitio web o aplicación con una fuente de 80px, puede pensar que es bastante grande en su pantalla de 163 PPI. Su texto tendría casi media pulgada de alto, que es razonablemente grande en un teléfono. Pero luego aparece la próxima versión del teléfono y de repente su texto tiene solo 1/4 "de alto a 326 PPI. Esto sería especialmente malo si parte de su texto se escalara en otra unidad de medida y de repente el texto del cuerpo fuera más grande que el encabezado texto. (A veces todavía me encuentro con sitios web que cometieron este error.) Si en su lugar estuvieras usando DIP / DP para escalar, podrías sostener ambos teléfonos uno al lado del otro y el texto tendría las mismas dimensiones físicas (aunque quizás notablemente más nítido) en el modelo de mayor DPI).

En cualquier caso, aunque PPI puede ser la medida más confusa, es increíblemente importante prestarle atención. Si tiene la opción de diseñar con unidades DIP o DP, debe manejar algunas de las conjeturas por usted y permitirle apuntar a una gama más amplia de pantallas sin aumentar su carga técnica.

Mis disculpas de que esta respuesta esté tan centrada en la pantalla, que rara vez incursiono en la impresión.

Farray
fuente
AFAIK, Microsoft solía llamar a los DIP TWIPS. Son útiles para los casos en que la pantalla es más una ventana gráfica: muchas aplicaciones en teléfonos inteligentes permiten hacer zoom, y en este sentido la pantalla es una ventana gráfica medida en unidades lógicas. La pantalla PPI más alta permite imágenes de mejor aspecto a bajos niveles de zoom.
Horacio
Creo que la resolución de "pantalla retina" del iPhone 4 es más alta, 960 px x 640 px (QHD).
FooF
2

DPI = cuántos puntos distintos un dispositivo de impresión y render por pulgada.

PPI = el número de píxeles en una pulgada de un dispositivo de visualización de video.

Una gran cantidad de software, a saber, Photoshop, utiliza DPI para ambas definiciones.

ACTUALIZAR:

e100 me tiene ahora cuestionando mis opiniones sobre esto (¡lo cual es bueno!) y al investigar un poco más, necesito actualizar un poco mi opinión.

HISTORICAMENTE, DPI se refiere al proceso de impresión ... es decir, cuántos puntos discretos puede producir una impresora en papel. PPI se refiere a la cantidad de píxeles por pulgada de su monitor.

Entonces, uno es sobre el proceso de impresión en papel, el otro es sobre el hardware de su pantalla.

Ninguno de los dos trata directamente sobre la 'resolución por pulgada' de su imagen digital, aunque ambos parecen tener correlaciones hasta el punto de ser casi idénticos en muchos aspectos.

Entonces, supongamos que tiene una impresora láser de 1200 ppp. Eso significa que por cada pulgada de papel, esa impresora puede crear 1200 puntos únicos.

Ahora ... sobre el tema de asignar una configuración DPI / PPI a una imagen digital.

Una imagen digital está compuesta de píxeles. Mientras la imagen permanezca digital, no le importa qué PPI le digas que es, ya que siempre se representará en función de los píxeles totales. Por ejemplo, una imagen de 1000 px x 1000 px, por defecto, en un navegador web, tendrá 1000 px de ancho.

Cuando dar una imagen a una configuración DPI / PPI es importante cuando se imprime ... así es como el software calcula el tamaño físico de la salida analógica. Por lo tanto, su imagen de 1000 px x 1000 px con una configuración de DPI de 500 ppp dará como resultado una imagen impresa de 2 "de tamaño.

Donde las cosas se vuelven confusas es que IIRC, Photoshop históricamente usó 'DPI' como el término para esto. Aunque claramente parece que ahora usa el término 'PPI'.

Por eso, diría que cualquiera de los términos es apropiado cuando se refiere a la metainformación de resolución de salida en su software de edición de gráficos.

Entonces, en resumen, mis definiciones serían:

DPI = una especificación para su impresora que explica cuán detallada puede imprimir una imagen PPI = una especificación para su monitor que explica cuán detallada puede mostrar una imagen para un tamaño físico dado

En términos de configurar una imagen para imprimir = PPI o DPI es un término apropiado. Creo que PPI tiene más sentido para la persona que se ocupa de crear el archivo digital. Al final, se va a necesitar tantos píxeles para la salida decente. DPI tiene más sentido para la persona que imprime el archivo digital, ya que es un término que tiene sentido en el mundo de la oficina de servicios / impresoras.

DA01
fuente
Todavía no se ha encontrado dónde Photoshop se equivoca ...
e100
2
Photoshop tiene una configuración de DPI que utiliza para intentar emular un PPI específico cuando ve una imagen en 'tamaño real'. También tenga en cuenta que las imágenes realmente no tienen configuraciones PPI para empezar. PPI es una medida de la densidad de su pantalla y no de su imagen. En cuanto a su imagen, un píxel es un píxel.
DA01
¿Dónde está exactamente esta configuración de DPI en Photoshop (no tengo la aplicación a mano)?
e100
1
Bueno, es PPI en 5.5 (no CS 5.5) que he abierto aquí, y eso es 13 años.
e100
3
PPI es solo para calcular dimensiones físicas para fines de producción. Nada cambia en la imagen en sí, solo sus metadatos. Érase una vez que era posible decirle a Photoshop cuál era la resolución real de la pantalla en píxeles (puntos de pantalla, realmente) por pulgada, para que el "Tamaño real" fuera exacto. No encuentro esa configuración en una búsqueda rápida en CS5. Scott Kelby, iirc, escribió un artículo sobre esto hace varios años. Tendré que buscarlo.
Alan Gilbertson
2

Comenzando a responder mi propia pregunta, creo que uno de los problemas para explicar esto es que solo partes de la historia completa son relevantes para el trabajo diario de cualquier persona, a menos que cubra la gama desde el diseñador web / de aplicaciones hasta el diseñador de impresión para preimprimir experto. Así que probablemente volveré a esto y lo ajustaré para diferentes audiencias.


Píxeles por pulgada (ppi) es una medida de resolución en dos contextos diferentes.

(a) la resolución de una imagen impresa en un tamaño físico específico

Esta no es una propiedad intrínseca de un archivo de imagen. Los píxeles no tienen dimensiones del mundo real, por lo que ppi no tiene sentido hasta que se imprime la imagen, o al menos se especifica en un diseño de impresión que utiliza medidas físicas (pulgadas o mm).

ej. 1. Tiene una imagen cuadrada de 1000 px en Photoshop y la imprime para que tenga 3 pulgadas cuadradas. La resolución de la impresión es 333ppi.

ej. 2. Luego lo coloca en un diseño de InDesign de 1.5 pulgadas cuadradas y lo PDF. Las herramientas de preimpresión de Acrobat le dicen que es 666 ppp, cuando se imprime.

ej. 3. Lo ve en un navegador web en varios dispositivos. Tiene un tamaño de 1000 px, sea cual sea el tamaño o la resolución de su pantalla; Sin embargo, las dimensiones físicas varían ampliamente.

por ejemplo, 4. Vuelve a Photoshop y observa que la imagen se ha configurado como 72ppi todo el tiempo, y no hizo ninguna diferencia en ninguno de estos casos. Lo cambia a 144ppi (sin remuestreo, es decir, el número de píxeles no cambia) y encuentra que tampoco hace ninguna diferencia en ninguno de los casos.

ej. 5. Después de un poco de experimentación, encuentra que ppi hace la diferencia cuando imprime desde Photoshop a una escala del 100%. Pero también lo hace el cambio de las dimensiones de impresión: están directamente (e inversamente) relacionadas, y ambos son solo metadatos que especifican cómo se debe imprimir la imagen y se pueden anular fácilmente.

(b) la resolución física de un dispositivo de visualización

Volviendo a, por ejemplo, 3, la imagen se muestra en diferentes tamaños físicos porque las pantallas tienen una cuadrícula fija de píxeles de hardware. Entonces PPI en este caso es una propiedad intrínseca del hardware.

Puede medir el PPI de una pantalla fácilmente si conoce sus dimensiones en píxeles, simplemente divida su altura (o ancho) en píxeles por su altura (o ancho) medida con una regla. Los primeros Macs tenían 72ppi; las computadoras portátiles son de hasta aproximadamente 130ppi; teléfonos inteligentes actuales de 200ppi +, hasta los 330ppi del iPhone 4.


Los puntos por pulgada (ppp) son una medida física de la resolución de salida de un dispositivo de impresión.

Los puntos son gotas individuales de tinta.

(continuará)

NB El término se usa muy comúnmente para referirse a ppi en ambos sentidos anteriores.

Personalmente, considero que esto es incorrecto, por muy arraigado que pueda ser, y la fuente de confusión continua.

e100
fuente
¡Buen comienzo! Al final, en términos de 'densidad de datos de imagen', PPI y DPI son intercambiables. Si llamamos a las unidades de datos un píxel o un punto es algo discutible y arbitrario. Me estoy inclinando a que PPI sea un término más actualizado. Pero todavía no veo ninguna diferencia en la definición con DPI cuando hablamos de densidad de datos de imagen. Las diferencias de terminología se hacen más evidentes cuando hablamos de hardware: Impresoras vs. Pantallas.
DA01
0

No responderé cuál es la diferencia entre DPI y PPI. Haré una respuesta más fundamental.

¿Cuál es la diferencia entre un punto y un píxel?

Un punto

Dejaré las definiciones matemáticas, geométricas y conceptuales de esta respuesta. Solo me refiero a las artes gráficas.

Un punto es una pequeña mancha de algo (una gota de tinta, una partícula de polvo) utilizada en un medio impreso físico. Normalmente es la cantidad más pequeña de cosas que puedes tener en ese medio. O tienes un punto o no tienes uno.

Un píxel

Un píxel define cosas diferentes. Sí, probablemente deberíamos llamar a algunos de una manera diferente)

I. Un pequeño bloque de información en un archivo de imagen digital.

Es un pequeño bloque de información, no un punto. Un punto puede estar allí o no. Por el contrario, un píxel puede almacenar uno de varios millones de valores.

Imagine una tienda donde puede comprar una uña o no comprarla. Eso es un punto.

Ahora imagine una tienda donde puede elegir potencialmente entre varios millones de productos. Eso es un píxel.

La cantidad de opciones para elegir en esta tienda viene dada por la profundidad de la tienda, en este caso, la profundidad de bits. Desde solo encendido hasta varios millones de opciones.

Una cosa sobre un píxel es que está allí. Tiene una posición definida, lo que puede cambiar es el valor de la misma.

II La parte más pequeña de una pantalla que se puede cambiar para representar diferentes tonos de color.

Sí, podemos obtener cuántos píxeles de esta pantalla tenemos en un monitor físico, pero por suerte para nosotros, la gente da el número total; FullHD, 4K en una pantalla de 50 ".

Este elemento, aunque debe tener un nombre diferente al "píxel" de una imagen digital.


Tenga en cuenta una cosa. Un punto se puede usar en el ámbito de las matemáticas, la geometría, la pintura, las artes gráficas, etc. Un píxel en un archivo digital, una pantalla o una proyección. Solo necesitas saber cuál es el contexto.

Rafael
fuente
-3

DPI usado para Imprimir PPI usado para cualquier cosa en la pantalla para cosas como juegos o pancartas en línea ETC.

jordan moran
fuente
2
Hola y bienvenidos a GD.SE. ¿Cómo mejora esto exactamente las respuestas existentes? En general, tendemos a evitar respuestas de una línea y buscamos más sustancia. No es que no te queramos aquí, lo hacemos. Pero el punto de cambio es crear un repositorio de respuestas excelentes. Y francamente hay un poco de curva de aprendizaje ... de todos modos bienvenido.
joojaa