Píxeles y DPI en diseño gráfico

Contenido del curso

Fundamentos del diseño

Composición visual

Digitalización del diseño

Color digital

Tipografía

Futuro del diseño gráfico

Proyecto final: diseña el look and feel de tu pieza

Tomar examen

Cursos Empresas Blog Live Conf Eventos Precios

0:008:18

Píxeles y DPI en diseño gráfico

Curso de Fundamentos de Diseño Gráfico

Clase 15 de 41

Clase 15 / 41

Recursos

La resolución en diseño gráfico define la calidad final con la que una imagen se exporta o se usa, ya sea para imprimir, publicar en redes sociales o cualquier otro fin. Si trabajas en diseño, dominar píxeles y DPI te evita entregar piezas borrosas, pixeladas o con colores que se pierden al imprimir.

¿Qué es la resolución y cómo se mide?

La resolución es esa calidad final de tu archivo de imagen, y se mide en píxeles. Y aquí viene lo interesante: el número de píxeles determina la calidad, sin importar lo que hagas dentro de la imagen.

¿Qué es un píxel? Es la unidad más pequeña de información visual que una pantalla o computadora puede procesar. Cada píxel guarda un dato de color, y mientras más píxeles tengas, más calidad tendrá tu imagen.

Cuando ves un solo píxel, no hay mucho que mirar: es un cuadradito de color. Pero al juntar muchos píxeles de distintos colores, empiezas a generar una imagen. Si te alejas, tu ojo arma la escena completa; si te acercas demasiado, vuelves a ver los cuadraditos.

¿Por qué se ven imágenes pixeladas?

Cuando una imagen tiene pocos píxeles para el tamaño en el que se muestra, aparecen bordes dentados y se pierden los detalles. Eso es lo que llamamos coloquialmente pixelación.

Piensa en una valla publicitaria gigante: si la imagen no tiene suficientes píxeles, dejarás de ver la cara de la modelo, el fondo, los detalles. Lo mismo pasa con un fotograma de cine en alta calidad frente a su versión de baja resolución: en una se ven la luz y los matices, en la otra se pierden hasta los colores.

¿Qué son los DPI y por qué importan?

Los DPI, o dots per inch (puntos por pulgada), son otra unidad de medida, pero esta no mide cantidad de píxeles, sino profundidad de color. Es clave separar los dos conceptos: los píxeles miden calidad de imagen, los DPI miden calidad de color.

¿Cuántos DPI necesito para pantalla o impresión? Para pantallas usa 72 DPI, que es el estándar y el máximo visible. Para impresión publicitaria o cualquier impresión profesional usa 300 DPI, que garantiza la mejor profundidad de color.

Podrías imprimir a 72 DPI, sí, pero el resultado no tendrá la fidelidad cromática que esperas. Por eso 300 DPI es el valor correcto cuando tu pieza va a papel.

¿Cuándo uso 72 y cuándo 300?

Esta es la regla práctica que te ahorra problemas:

72 DPI para cámaras de celular, pantallas de computadora, televisores y cualquier salida digital.
300 DPI para impresión publicitaria, editorial o cualquier pieza que vaya a papel.
Valores intermedios existen, pero casi nunca se usan en flujos de trabajo reales.

¿Cómo configuro la resolución en Illustrator y Photoshop?

Las herramientas de Adobe manejan la resolución de forma distinta, y conviene saberlo antes de empezar a trabajar para no perder tiempo después.

¿Cómo exporto una imagen en Illustrator?

En Illustrator normalmente guardas el archivo con Save As, pero cuando necesitas una imagen final usas la opción Export As. Al exportar, Illustrator te deja elegir entre 72 o 300 DPI directamente en el cuadro de diálogo. Es decir, defines la resolución al final del proceso, no al inicio.

Así que tomas tu círculo, tu logo o tu composición, eliges Export As, le pones nombre, seleccionas formato como PNG y decides la resolución según el destino: pantalla o impresión.

¿Cómo configuro la resolución en Photoshop?

En Photoshop la lógica cambia. La resolución debes definirla desde el momento en que creas el documento nuevo, no al exportar. Cuando abres un archivo nuevo, ahí mismo estableces 72 o 300 DPI.

Si copias un elemento desde Illustrator y lo pegas en Photoshop, el documento ya tendrá la resolución que configuraste al crearlo. Después solo guardas con Save As en el formato que necesites, como PNG. Cambiar la resolución a mitad del trabajo en Photoshop es complicado, por eso conviene definirla desde el inicio.

En pocas palabras: en Illustrator decides al exportar, en Photoshop decides al crear. Si tienes dudas sobre cómo aplicar esto en un proyecto específico, déjalas en los comentarios.