¿Qué DPI debe usarse para qué situaciones?

30

He visto aparecer la palabra 'DPI' bastante cuando exporto mi trabajo en Photoshop e Illustrator. Si bien sé que DPI significa 'puntos por pulgada', y que si tiene un DPI demasiado bajo en una imagen, se produce una gran pixelación si intenta acercar, ¿cuál sería el DPI óptimo para qué situaciones?

Por ejemplo (Situaciones):

  • Exportar un diseño de impresión A4
  • Diseño del sitio web
  • Logotipo (solo sitio web: más o menos más pequeño que el actual de SE Graphic Design).
  • Logotipo (escalar hacia arriba y hacia abajo: desde tarjetas de visita hasta pancartas grandes).
JFW
fuente
44
Creo que las otras respuestas lo tienen cubierto, pero solo para agregar que técnicamente debería estar hablando de PPI (píxeles por pulgada) cuando habla de preparar imágenes. Los puntos por pulgada miden la resolución de su dispositivo de impresión, y no es lo mismo. También para tener en cuenta que este término todavía se mantiene incluso cuando la métrica se usa para todo lo demás (OK, y puntos para tamaños de letra).
e100
"He visto aparecer la palabra 'DPI' bastante cuando exporto mi trabajo en Photoshop e Illustrator". ¿Donde exactamente? ¿Puedes dar una captura de pantalla?
e100
De acuerdo, pero 72 ppp para el diseño web es la mejor opción para el tamaño de fuente en pt y px (en photoshop).
benoît

Respuestas:

19

Siempre pensé que DPI era un nombre inapropiado ... Realmente solo se aplica si está imprimiendo una imagen, de lo contrario, bueno, los píxeles son píxeles. Para una imagen en un sitio, bueno, realmente no importa, solo obtenga la mayor cantidad posible para que se ajuste al tamaño requerido. Las impresoras varían un poco, pero alrededor de 300 DPI generalmente es una buena regla general para cualquier cosa del tamaño de una hoja de papel o más pequeña.

Para Logos, espero que estén diseñados en un programa vectorial, lo que significa que el DPI se puede ajustar al tamaño del objeto.

PearsonArtPhoto
fuente
1
No lo consideraría un nombre inapropiado (son los puntos en el papel después de todo), pero tiene razón en que DPI solo se aplica a la impresión y no se muestra en una pantalla. Hice una explicación bastante completa sobre esta respuesta graphicdesign.stackexchange.com/questions/1760/…
jhocking
5

Específicamente en PPI para web u otras imágenes en pantalla: 72PPI (o 75, o 96) es un mito.

Sí, hay una figura que las aplicaciones usan para decidir cuántos píxeles usar para representar las fuentes especificadas en puntos, pero esto no tiene ninguna relevancia para las imágenes, aparte de:

  • si su documento de Photoshop es 72ppi, no importa si sus unidades de fuente están configuradas en puntos o píxeles, ya que darán el mismo resultado para cualquier valor numérico. Esto puede ser un poco más conveniente, pero realmente no tiene sentido usar puntos en imágenes basadas en píxeles. Es como tratar de hacer un banner web de exactamente 1,5 cm x 10 cm, o una página web de exactamente 12 "de ancho.

La única otra situación en la que puedo pensar donde PPI es relevante es:

  • donde desea imprimir un diseño de pantalla con el mismo tamaño que aparecerá en una pantalla determinada. En este caso, sí, establecería el PPI de la imagen al de la pantalla.

    Dado que la resolución de la pantalla varía ampliamente, esto solo será una aproximación en el mejor de los casos para una clase dada de dispositivo, y en las pantallas modernas es probable que sea 100PPI o más (mucho más en el iPhone 4). Pero si está diseñando para un solo dispositivo, puede ser útil.

(Creo que encontré otro ejemplo en el que las imágenes debían prepararse a 100 ppp cuando se usaba MS Word para diseñar correos electrónicos HTML, pero realmente no quiero volver a eso).

e100
fuente
1
Con respecto a los Retina iPhones y Retina iPads (y probablemente Retina Macs): Apple define un punto como dos píxeles, por lo que los puntos son importantes, pero no en la forma en que @JFW probablemente pregunta. Estoy de acuerdo con todo lo que has dicho. Si quieres hacerte la vida más fácil, los PSD web y de aplicaciones deberían ser 72PPI, pero en su mayoría no importa.
Marc Edwards
3

Para una foto que se imprime en una prensa offset, la regla general es que desea que la resolución de la foto sea el doble del punto de la pantalla de medios tonos. Por ejemplo, si tiene una pantalla de 150 lpi, su imagen debe tener al menos 300 ppp en su tamaño final.

La mayoría de los monitores LCD modernos tienen una resolución física de aproximadamente 100 ppp.

Para el diseño del sitio web, debe tener el logotipo como arte lineal en algún formato de gráfico vectorial, como SVG o EPS. Luego, renderícelo aproximadamente a 4 veces el tamaño (es decir, número de píxeles) que realmente desea y explote su fondo a 4 veces el tamaño. Combine los dos y vuelva a muestrear el archivo resultante de nuevo a su tamaño. Esto le dará un logotipo suavizado combinado en su fondo.

Preocupado por TunbridgeWells
fuente
Esto suena prometedor, desearía que se explicara más claramente qué se entiende por "fusionar los dos" y "volver a muestrear el archivo resultante de nuevo a su tamaño".
Kzqai
Por 'Fusionar los dos' me refiero a usar Photoshop o algún otro editor de imágenes para pegar el logotipo en el fondo. La imagen que tiene está al 400% (según las instrucciones en la publicación). Ahora vuelva a reducirlo al 100% usando remuestreo para antialias de los bordes del logotipo.
Preocupado por
2

Primero, intente usar vectores cuando pueda (especialmente para imprimir). Los vectores tienen DPI 'infinito'.

Cuando use imágenes de mapa de bits en su diseño, intente mantener el DPI original y la resolución. Siempre puede exportar el producto terminado al DPI deseado. Para imprimir, esto suele ser 300 DPI, pero a veces más.

Al exportar para una página web, debe saber qué tan grande debe ser el resultado, en píxeles (la resolución). En Illustrator puede especificar el DPI y esto cambiará la resolución de la imagen exportada.

alwin
fuente
Confunde DPI y PPI.
e100
1

La pregunta es válida, pero demasiado vaga para ser respondida con alguna especificidad. En general, la resolución que necesita su imagen depende de:

  • el tipo de imagen
  • el tamaño de la pieza final
  • La tecnología de impresión tipo utilizada
  • en qué se está imprimiendo
  • etc.

La única respuesta específica son los gráficos web: no hay un concepto de DPI para las imágenes que estarán en una pantalla. Solo necesita lidiar con las dimensiones en píxeles.

Al imprimir, tiene que lidiar con cosas como el tipo de impresión (la serigrafía sería de menor resolución que la litografía offset, por ejemplo), el tipo de sustrato (la impresión en papel recubierto de arcilla normalmente usaría una imagen DPI mucho mayor que la impresión en el papel de periódico), el tipo de imagen (las imágenes impresas con una pantalla de línea [como fotos] no necesitan tener una resolución tan alta como la del dibujo lineal), el tamaño de la pieza final (una cartelera no necesita la misma resolución que un folleto brillante), etc.

A grandes rasgos, las fotografías generalmente se establecen en 300 DPI. Arte lineal en algún lugar entre 600 y 1200 DPI. La impresión de gran formato suele ser de 100 DPI o más.

Tenga en cuenta que los términos ppp y ppi a veces se usan indistintamente. TÉCNICAMENTE, generalmente deberíamos estar usando PPI cuando se trata de resoluciones de imagen para imprimir, pero DPI también se ha usado durante mucho tiempo. Busque DPI y PPI en este sitio para ver muchas discusiones sobre ese tema.

DA01
fuente
-1

Por lo general, uso esto:

  • 72 DPI para todo para la pantalla (a veces también 75 DPI). De esta manera, la versión impresa de esta imagen será mala o pequeña. Útil si quieres proteger tus imágenes.
  • 150 DPI para impresión de pequeña calidad (demos para futuras impresiones, sitio web, etc. para clientes)
  • 300 DPI (a 450) para una buena calidad de impresión sin alta resolución.

Como ya se mencionó, las imágenes vectoriales son bastante útiles. Primero, dado que algunas impresoras profesionales pueden producir cualquier tamaño desde este papel. Además, puede exportarlos desde 72 DPI para web a 300 para imprimir desde la misma fuente.

Shikiryu
fuente
"72 DPI para todo para la pantalla ... De esta manera, la versión impresa de esta imagen será horrible o pequeña". ¿Te refieres al escenario en el que el cliente solo obtiene una copia de vista previa impresa, no el archivo en sí?
e100
Confunde DPI y PPI.
e100
-1

Para imprimir fotografías, 300 ppp deberían ser suficientes. Para el tipo o cualquier cosa tipográfica, 600 ppp es el camino a seguir.

Realmente no importa en la web, 72 ppp está bien allí.

Jakub Arnold
fuente
1
Confunde DPI y PPI.
e100
-2

300 ppp es el estándar para proyectos de impresión (especialmente para impresión offset).

Las imágenes vectoriales tienen una resolución ilimitada, por lo que es mejor para escalar logotipos.

150 ppp se suele utilizar para proyectos impresos extragrandes.

Pero cuando se trata de web, la resolución es normalmente de alrededor de 72 ppp. Sin embargo, cuando quiero una mejor calidad para un logotipo en un sitio web, es cuestión de formato de archivo. Utilizo png-24, que ofrece una mejor calidad para un logotipo, jpeg para cualquier foto.

Annie
fuente
Confunde DPI y PPI; no hay una buena razón para crear imágenes web en un DPI en particular: simplemente cree la imagen en las dimensiones de píxel requeridas.
e100
-3

Cuando trabajaba en una editorial, la regla era de al menos 600 ppp para fines de impresión y 72 ppp para imágenes formateadas para poner en la web.

Kaji
fuente
2
No hay una buena razón para crear imágenes web en un DPI en particular: solo crea la imagen en las dimensiones de píxel requeridas.
e100
-5

96 DPI / PPI para web / pantalla. Apple usa 72, pero Microsoft usa 96, la mayoría de la gente no sabe esto ...

Matt Rockwell
fuente
No hay una buena razón para crear imágenes web en un DPI en particular: solo crea la imagen en las dimensiones de píxel requeridas. Los valores de los que está hablando tienen que ver con cuántos píxeles se utilizan para representar las fuentes especificadas en puntos.
e100