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

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!

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 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.}

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.

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.

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.

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