¿Qué DPI se debe usar para qué situaciones?

He estado viendo aparecer mucho la palabra 'DPI' 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):

  • Exportación de un diseño de impresión A4
  • diseño del sitio web
  • Logotipo (solo sitio web: aproximadamente más pequeño que el diseño gráfico actual de SE).
  • Logotipo (Escalado hacia arriba y hacia abajo: desde tarjetas de presentación hasta pancartas grandes).
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 tenga en cuenta que este término aún se mantiene incluso cuando se usa métrica para todo lo demás (OK, y puntos para tamaños de letra).
"He estado viendo aparecer mucho la palabra 'DPI' cuando exporto mi trabajo en Photoshop e Illustrator". ¿Donde exactamente? ¿Puedes dar una captura de pantalla?
De acuerdo, pero 72 ppp para el diseño web es la mejor oferta para el tamaño de fuente en pt y px (en Photoshop).

Respuestas (11)

Siempre pensé que DPI era algo inapropiado... Realmente solo se aplica si está imprimiendo una imagen, de lo contrario, los píxeles son píxeles. Para una imagen en un sitio, bueno, realmente no importa, solo obtenga tantas como sea posible, para que se ajusten al tamaño requerido. Las impresoras varían un poco, pero alrededor de 300 DPI suele ser 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 a cualquier tamaño del objeto.

No lo consideraría un nombre inapropiado (después de todo, son los puntos en el papel), 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/…

Recientemente leí las maravillosas preguntas y respuestas de jrista de photo.stackexchange .

Mientras que la pregunta se titula "¿Cómo genero impresiones de alta calidad con una impresora de inyección de tinta?" cubre la relación DPI y PPI en gran medida y tiene ejemplos de impresión del mundo real.

Contenido actual de preguntas y respuestas:

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 usan las aplicaciones 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 tiene 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 intentar 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 el PPI es relevante es:

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

    Dado que la resolución de la pantalla varía mucho, en el mejor de los casos solo será una aproximación para una clase determinada de dispositivo, y en las pantallas modernas es probable que sea de 100 PPI o superior (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 usaba MS Word para diseñar correos electrónicos HTML, pero realmente no quiero volver a entrar en eso).

Con respecto a los iPhones Retina y iPads Retina (y probablemente Macs Retina): Apple define un punto como dos píxeles, por lo que los puntos sí importan, pero no en la forma en que @JFW probablemente pregunta. Estoy de acuerdo con todo lo que has dicho. Si desea hacer su vida más fácil, los PSD web y de aplicaciones deben ser de 72 PPI, pero en general no importa.

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 paso de punto de la pantalla de medios tonos. Por ejemplo, si tiene una pantalla de 150 lpp, su imagen debe tener al menos 300 dpi 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 gráfico vectorial, como SVG o EPS. Luego, reprodúzcalo a aproximadamente 4 veces el tamaño (es decir, la cantidad de píxeles) que realmente desea y amplíe su fondo a 4 veces el tamaño. Combine los dos y vuelva a muestrear el archivo resultante para reducir su tamaño. Esto le dará un logotipo suavizado fusionado con su fondo.

Esto suena prometedor, desearía que se explicara más claramente lo que significa "combinar los dos" y "volver a muestrear el archivo resultante al tamaño".
Por 'Combinar los dos' me refiero a utilizar 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 redúzcalo al 100 % utilizando el remuestreo para suavizar los bordes del logotipo.

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

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

Al exportar para una página web, necesita 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.

Confunde DPI y PPI.

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

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

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

Al imprimir, debe lidiar con cosas como el tipo de impresión (la serigrafía tendría una resolución más baja que la litografía offset, por ejemplo), el tipo de sustrato (la impresión en papel recubierto de arcilla generalmente usaría una imagen de DPI mucho más alta que la impresión en lo haría el papel de periódico), el tipo de imagen (las imágenes impresas con una pantalla de línea [como las fotos] no necesitan tener una resolución tan alta como la que necesitaría el arte de línea), el tamaño de la pieza final (una cartelera no necesita necesitan la misma resolución que un folleto satinado), etc.

EN GENERAL, las fotografías generalmente se configuran a 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 algo así.

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

Para imprimir fotografías, 300 ppp debería ser suficiente. 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í.

Confunde DPI y PPI.

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

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íxeles requeridas.

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 desea proteger sus imágenes.
  • 150 DPI para impresión de baja calidad (demostraciones para futuras impresiones, sitio web, etc. para clientes)
  • 300 DPI (a 450) para una impresión de buena calidad sin alta resolución.

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

"72 DPI para todo para la pantalla... De esta manera, la versión impresa de esta imagen será mala o pequeña". ¿Quiere decir en el escenario donde el cliente solo obtiene una copia de vista previa impresa, no el archivo en sí?
Confunde DPI y PPI.

300 dpi 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 dpi generalmente se usa para proyectos impresos extra grandes.

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

Confunde DPI y PPI; 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íxeles requeridas.

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

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íxeles requeridas. Los valores de los que está hablando tienen que ver con la cantidad de píxeles que se utilizan para representar las fuentes especificadas en puntos.