Contenidos

Cuando suben imágenes a su sitio web, los fotógrafos suelen preocuparse por los DPI que deben utilizar para sus imágenes.

Esta es una idea errónea muy común, y este artículo pretende aclarar esto de una vez por todas: Los DPI no importan en la web, es sólo un campo de texto que actúa como una instrucción para el proceso de impresión. Sólo las dimensiones reales de los píxeles son importantes.

Aclaremos esto de una vez por todas:sólo las dimensiones de los píxeles importan en la web

Todo el flujo de trabajo de la fotografía digital se basa en los píxeles:

  • El senzor de la cámara DSLR tiene píxeles
  • El archivo de imagen guardado en la tarjeta de memoria de la cámara está en píxeles. Los fabricantes anuncian «megapíxeles» también, el número total de píxeles en una imagen.
  • Cuando se importa en su software de edición (como Lightroom), que funciona en un nivel de píxeles también.
  • Cuando se suben las imágenes a su sitio web, los navegadores muestran en base a sus dimensiones de píxeles. Todo en la web se mide en píxeles, no en unidades de distancia del mundo real.

Y si estás escaneando fotos antiguas, el ajuste de DPI allí simplemente le dice al escáner que cree X cantidad de píxeles por cada pulgada de papel, todo se «traduce» a píxeles de nuevo.

El único momento en el que DPI/PPI entra en juego es a nivel de la impresora: la impresora necesita decidir cuántos píxeles de la imagen se imprimirán por unidad de tamaño de papel físico (el estándar son las pulgadas).

DPI es, por lo tanto, sólo un campo de texto guardado en los metadatos de la imagen (como los otros valores IPTC y EXIF), que indica a la impresora cuántos píxeles por pulgada debe imprimir. Cuanto más alto sea el valor, más calidad de impresión obtendrá.

Por lo tanto, DPI es sólo una recomendación en los metadatos de la imagen. Al imprimir la imagen, usted es libre de anularla e imprimir a un DPI diferente. Con la misma fuente de imagen, es posible que tenga que crear una pequeña impresión de 10×15, un calendario de pared, o un cartel gigante. Todos esos son valores de DPI diferentes básicamente.

Pero en la web, los DPI se ignoran.

350 x 438 px / 72 DPI / 40,512 bytes 350 x 438 px / 300 DPI / 40,512 bytes 350 x 438 px / 9999 DPI / 40,512 bytes

Nota cómo al establecer diferentes valores de DPI (72, 300, 9999) a esta imagen no cambia el tamaño del archivo en absoluto, no se cambia ninguna información fotográfica.

Ejemplos de preguntas (erróneas) de los fotógrafos:

  • «¿Tengo que subir versiones de 300 ppp de todas mis fotos?»
  • «¿Debo convertir los archivos JPG a 72 ppp?»
  • «Para las pantallas retina, ¿tengo que poner el doble de ppp?»
  • «A menudo, si voy con el regular 72dpi para cualquier cosa basada en la web en el tamaño que quiero, termina buscando pixelada en mi pantalla de alta resolución, por lo que ahora, sólo voy para ‘más grande de lo que creo que tiene que ser’ para asegurar un aspecto nítido en esas pantallas retina.»
  • «Mis imágenes son de 1500 píxeles en su dimensión más grande, 72 ppp y guardadas en jpg de calidad 6, ¿está bien?»
  • «Las he subido como 1200px de longitud 72 ppp para que se carguen rápidamente… ¿está bien este tamaño?»
  • «¿Qué ppp debo usar para las imágenes del sitio web?»

¿De dónde viene la confusión?

El cuadro de diálogo «Tamaño de la imagen» de Adobe Photoshop a veces puede ser confuso:

Con la opción «Remuestreo» activada, cambiar el PPI de 72 a 300 aumenta las dimensiones en píxeles de 2760×2070 a 11500×8625 utilizando el remuestreo. Esto no mejora la calidad de la imagen (sino todo lo contrario), sino que estira las dimensiones de la imagen con la información de píxeles existente. El remuestreo no es una solución ya que sigue conectado a la resolución nativa.

Si desactiva la opción «Remuestreo», el cambio de PPI no tiene ningún efecto sobre las dimensiones de los píxeles (2760×2070), simplemente le está diciendo cuántas pulgadas tendrán las imágenes cuando se impriman a esa resolución. No se hace ningún cambio en la calidad real de la imagen, sólo se establece el campo PPI en los metadatos.

Pero te darás cuenta de que el cuadro de diálogo de exportación de Photoshop (que genera específicamente imágenes para la web) sólo funciona en píxeles, sin ver los ajustes DPI/PPI:

Para los propósitos de este artículo, voy a utilizar DPI y PPI indistintamente. Sé que son completamente diferentes, pero muchos fotógrafos los mezclan y ambos son irrelevantes para la web.

¿Y si vendes impresiones?

De nuevo, sólo importan las dimensiones en píxeles. Cuanto más grandes sean tus imágenes, más grandes serán las impresiones que puedes obtener con un DPI específico.

Por ejemplo, para mantener un nivel de calidad de 300 dpi al imprimir, una imagen de 12PM a 4032 x 3024 píxeles puede imprimirse a 13,44 por 10,08 pulgadas (~ 32 por 25 cm).

Si imprimes las 3 imágenes anteriores (en un software que tenga en cuenta los DPI) obtendrás diferentes tamaños en la página:

Impresión A4. Tamaño de la imagen en papel: 4,86 x 6,08 pulgadas. Impresión A4. Tamaño de la imagen en papel: 1,17 x 1,46 pulgadas. Impresión A4. Tamaño de la imagen en papel: 0,04 x 0,04 pulgadas.

Y aún así, puede escalar manualmente la imagen según sea necesario para la impresión, básicamente ignorando el valor PPI incrustado:

Lectura adicional

  • Cómo optimizar las imágenes para el rendimiento del sitio web: tamaños de imagen, compresión, herramientas & pruebas
  • El mito de los PPI
  • Los PPI de las imágenes en la web
  • Los píxeles por pulgada son sólo una etiqueta
  • 72 PPI…¿Por qué?

Conclusión

Con todo lo relacionado con su sitio web de fotografía, sólo importan las dimensiones en píxeles de las imágenes. Usted puede ignorar DPI/PPI, eso es sólo una pieza de metadatos, sólo relevante para la impresión y el escaneo.

Y si usted está vendiendo impresiones, puede establecer el valor de DPI a cualquier valor con el que se sienta cómodo (como 300), que actúa como el nivel de calidad por defecto la gente puede imprimirlos en (aunque siempre se puede cambiar según sea necesario).