Ya seamos diseñadores gráficos, diseñadores web, ilustradores o fotógrafos, trabajar con imágenes en un entorno digital es algo a lo que estamos todos acostumbrados. El problema llega cuando hay que lidiar con varios conceptos al crear y tratar nuestras imágenes, que muchas veces no llegamos a dominar totalmente, y no obtenemos los resultados esperados. Términos como resolución, PPI o DPI están presentes en cualquier software de edición y a veces, ponemos el piloto automático y no las tratamos de forma correcta para el trabajo que vamos a desarrollar. Sobre esto es de lo que queremos hablar en este artículo.
Pero es que estos inconvenientes no aparecen solo si trabajamos exclusivamente en el ámbito digital. Cuando pasamos al mundo físico, al imprimir nuestra imágenes, los conceptos que hemos mencionado antes toman un cariz aun más importante, ya que hay que saber jugar con todos ellos para obtener los resultados idóneos. Y no solo eso, tampoco debemos trabajar igual según sea el soporte. No es lo mismo crear un libro de fotografía que una cartelería de varios metros. La distancia de visionado de ambas es diferente, por lo que la resolución y la definición con la que vamos a trabajar debe de ser distinta.
Como siempre, hay que empezar por lo básico. Al principio hemos nombrado los PPI y los DPI, conceptos íntimamente relacionados con las imágenes, su resolución y su definición, pero que a veces no tenemos claro cuando debemos hacer uso de ellos, y que cifras son las ideales según que queremos conseguir.
PPI (Pixels Per Inch)
PPI son las siglas de Pixels Per Inch o, en castellano, Píxeles Por Pulgadas. Por comodidad, usaremos el acrónimo inglés, ya que es el que se usa de forma global. Los PPI van a determinar cuantos píxeles vamos a encontrar en a pulgada, o 2,54cm aproximadamente. Seguro que habéis visto como se usan los PPI para determinar la definición que tiene una pantalla, desde la de un smartphone a la de una televisión. En resumen, los PPI es una relación entre la resolución de una pantalla, y su tamaño físico. La densidad de píxeles que tenemos en una pantalla.
Por ejemplo, mi monitor es de 24 pulgadas, con 1920px de ancho y 1080px de alto. ¿Cómo puedo calcular su PPI?. Simplemente haciendo esta operación matemática.
Vemos que mi monitor tiene un PPI de 91,79. Me encuentro dentro de lo habitual, ya que normalmente los monitores actuales suelen tener unos PPI entre 90 y 110. Si nos vamos a smartphones, encontramos unos PPI mucho mayores, ya que tenemos unas resoluciones muy altas en unas pantallas muy pequeñas. Y con la llegadas de monitores de altas resoluciones, como los Retina Display de Apple, cada vez es más habitual tener en escritorio PPI mayores a 300. Es decir, los PPI solo nos van a decir la definición que va a tener una pantalla. A más PPI, más definición tiene una pantalla ya que hay más píxeles en menos espacio. Pero, ¿en que nos afecta los PPI al tratar imágenes?
PPI y resolución en pantalla
Imaginemos que tenemos una imagen de 500x500px. Así se vería cada una, con un zoom del 100%, en un monitor de 1080p (1920x1080px) y en otro 4K (3840×2160), ambos del mismo tamaño.
Seguro que os habéis encontrado con este problema al ver vuestras imágenes en otro dispositivo y/o monitor. Se ven pixeladas, borrosas o demasiado pequeñas con respecto a como trabajasteis con ellas. Esto es porque las imágenes en formato digital no entienden de tamaño físico, solo de los píxeles de la pantalla donde se reproduzca. El número de píxeles, y no el PPI, es lo que va a determinar el tamaño de una imagen en una pantalla. Aquí es donde llegamos a los famosos 72 PPI.
El mito de los 72 PPI en las imágenes digitales.
Cuando abrimos un archivo nuevo en Photoshop, nos encontramos con esta ventana. Seleccionamos que el tipo de documento es para web (no se va a imprimir), y automáticamente nos dice que su resolución es de 72 PPI. Pero si hemos dicho antes que si trabajamos con imágenes solo en formato digital, los PPI es algo que no nos va a afectar, solo hay que tener en cuenta los píxeles propios de la imagen. ¿Por qué Photoshop nos muestra esto?.
La respuesta es sencilla. Hace muchos años, la gran mayoría de los monitores tenían unos PPI de 72. Por tanto, las imágenes que nos mostraban esos monitores tenían, obviamente, los mismos PPI. Y se ha quedado como un estándar cuando, como hemos comprobado, actualmente tenemos pantallas con PPI muy diversos, e incluso lo que se considera mínimamente aceptables es mayor a esos 72 PPI.
Es decir, que podemos decirle a Photoshop que nuestra imagen tiene 72 PPI, 100 PPI o 300 PPI. En pantalla, la imagen se va a ver igual, sea cual sea el PPI que escojamos. Y vuelvo a mencionar lo de en pantalla, ya que todo esto cambia si nuestra imagen digital va a terminar impresa. Y aquí es cuando entran los DPI.
DPI (Dots Per Inch)
DPI son las siglas de Dots Per Inch o, en castellano, Puntos Por Pulgadas. Como nos pasaba con los PPI, nos quedamos con el acrónimo en inglés por ser más habitual. Cuando trabajemos con nuestras imágenes, y sabemos que se van a imprimir, saber sus DPI es esencial para obtener unos resultados óptimos en formato físico. Además de saber que DPI mínimos y máximos acepta la impresora por donde vamos a sacar nuestras imágenes.
Si decimos que una impresora tiene unos DPI de 300, es que es capaz de dibujar 300 puntos de impresión por cada pulgada, o 2,54cm. Estos 300 DPI se han convertido en casi un estándar para cualquier impresión, y si imprimimos por debajo de esos DPI, normalmente obtenemos resultados pobres. Seguro que habéis impreso algún documento con calidad borrador. Esto simplemente quiere decir que hemos imprimido con pocos DPI para ahorrar tinta. Pero claro, se resiente la calidad final.
Elige el DPI adecuado según el formato de impresión
Pero no siempre hay que imprimir a 300 DPI. Por ejemplo, en libros de fotografía, donde queremos que haya una definición de imagen muy grande, podemos irnos a valores de DPI más altos. Pero es que la distancia de visionado con respecto al soporte impreso también tiene mucho peso en la elección del valor del DPI. Y es que no al tener una distancia mayor, podemos reducir los DPI sin que el espectador note la bajada de definición.
Como hemos dicho, los soportes físicos que se van a ver a una distancia aproximada de un brazo, como pueda ser un libro o una revista, nos debemos a ir a unos 300 DPI como mínimo para mantener una definición de imagen aceptable. Para posters o cartelería que vayan a verse a una distancia de unos dos metros, podemos bajar hasta los 100 DPI. Y si hablamos de cartelería de gran formato, como los típicos carteles publicitarios de una carretera, que vemos a más de 10 metros, podemos reducir hasta los 25 DPI.
Por supuesto, esto son unos valores aproximados. Y si tenemos cualquier duda, siempre es mejor usar unos DPI más altos a los que recomendamos, que arriesgarnos a que la impresión no tenga la suficiente definición que requiramos.
Calcula la resolución ideal para tus imágenes impresas
Por supuesto, todo esto no nos vale de nada si no sabemos cual es la resolución en píxeles que debe tener nuestras imágenes según los DPI que hayamos decidido. O el tamaño que va a tener nuestra impresión. Este cálculo se puede hacer mediante dos caminos.
Calcular los píxeles de la imagen sabiendo el tamaño final de la impresión y los DPI
Por ejemplo, si mi impresión va a ser de 30cm de alto y 50cm de ancho, y un DPI de 300, la imagen debe tener 3543px de alto, y 5906px de ancho.
Calcular el tamaño final de la impresión sabiendo los píxeles de la imagen y los DPI
Por ejemplo, si mi imagen es de 2500px de alto y 3700px de ancho, y quiero imprimirla a 250 DPI, el tamaño de dicha impresión será de 25,4cm de alto y 37,6cm.
O que nos lo haga directamente nuestro software favorito
Con Photoshop, podemos saber de forma sencilla el tamaño de impresión que tendrá cualquier imagen simplemente diciéndole los DPI de la impresión. Vamos a usar como ejemplo una de las ilustraciones de nuestro calendario de octubre de Silo. Específicamente, el que tiene un alto de 1080px y un ancho de 1920px. Si abrimos la imagen en Photoshop, y nos vamos a Imagen > Tamaño de imagen, nos aparecerá una ventana que nos muestra varios datos de la imagen, como su tamaño en pixeles y los famosos 72 PPI.
Si desactivamos la opción de Remuestrear, vemos como aparece un candado, que nos va a relacionar el tamaño con los DPI y que, nos transforma los pixeles en centímetros. Lo que acaba de hacer Photoshop es decirnos con 72 DPI, este va a ser el tamaño de la imagen impresa. Si cambiamos este valor, automáticamente nos va a cambiar el tamaño que tendría la imagen. Vamos a compararlos.
Como ya sabemos, con una misma resolución de píxeles, si el valor de DPI es alto, el tamaño de impresión es menor. Y si el valor de DPI es bajo, el tamaño de impresión es mayor. Es decir, si queremos mucha definición en la imagen impresa, los puntos de impresión deben de estar más juntos (DPI más alto), por lo que la imagen impresa total es más pequeña.
Y con esto terminamos. Aunque hemos visto bastantes cálculos, creemos que es importante conocer las nociones básicas sobre este tipo de conceptos, y las relaciones que hay entre DPI, PPI y resolución de imágenes. Si trabajamos solo en digital, estaremos preparados a que nuestras imágenes se muestren de forma diferente según el tamaño de pantalla y su resolución. Y si también trabajamos en la parte física, nos ahorraremos quebraderos de cabeza cuando las veamos impresas y comprobemos que no están al tamaño o definición que creíamos.
Por supuesto, tenéis disponibles los comentarios para cualquier duda, sugerencia o experiencia que tengáis con respecto a este tema. Entre todo podemos aumentar nuestros conocimientos y que trabajar con nuestras imágenes sea un proceso totalmente controlado.
¡Hola!
Si nos piden realizar una ilustración (no vectorial) para utilizar en un soporte impreso de pequeño tamaño (como es una tarjeta de visita), y más adelante el cliente quiere utilizarla en una valla publicitaria y esto no estaba contemplado en un principio, ¿con qué valores deberíamos de trabajar para asegurar siempre que una imagen se visualice en cualquier soporte (físico o digital) a cualquier tamaño y evitar tener que hacer la imagen nuevamente para garantizar que se vea bien? O en el caso de que te pidan una ilustración que no sabes en qué soportes se va a aplicar, ¿con qué valores base trabajaríamos para asegurarnos de que se pueda ver bien?
Gracias y un saludo.
Hola Saray!
El problema de tratar con imágenes rasterizadas o no vectoriales es que nos estamos limitando al tamaño con el que estemos trabjando, así que que siempre vamos a tener pérdidas de calidad en todo lo que sea una ampliación a posteriori. Por lo que es complicado, por no decir imposible, sugerir una resolución ideal si no sabemos el soporte físico sobre el que va a acabar. Puedes tener la costumbre de trabajar siempre con archivos enormes (aunque el trabajo inicial sea a pequeña escala), por si acaso en el futuro esa imagen de va a terminar en un soporte de gran tamaño. Pero claro, vas a tener que manejar con archivos de gran tamaño desde el principio (con los problemas que puede acarrear) para una situación que quizás nunca vaya a ocurrir.
Siento no poder ser más concreto y darte una respuesta precisa pero, como comento en el artículo, para cada tamaño de soporte físico tendremos unos DPIs y resoluciones ideales. Pero si no sabemos cual será ese tamaño físico, es difícil decidir cual va a ser la resolución con la que trabajar en digital.
Un saludo!
¡Muchas gracias por tu respuesta Alfonso!