La confusión en torno a la resolución es generalizada y comprensible. El mismo término se usa para describir cosas diferentes según el contexto: la cámara habla de megapíxeles, Photoshop habla de PPI, la imprenta pide 300 DPI, y Google recomienda que las imágenes para web tengan "resolución suficiente para pantallas Retina". Parece que cada software y cada profesional usa el vocabulario de una forma diferente.
Este artículo pone cada concepto en su lugar correcto, explicando cómo se relacionan y qué es lo que realmente importa en cada situación práctica.
Qué es un píxel
Pixel es la abreviatura de picture element — elemento de imagen. Es la unidad más pequeña de una imagen digital rasterizada: un punto de color único, indivisible.
Una imagen digital es una cuadrícula rectangular de píxeles. Cada píxel almacena un valor de color, generalmente representado en tres canales: rojo (R), verde (G) y azul (B), cada uno con 256 niveles posibles (0 a 255). Esto resulta en 256³ = 16,7 millones de colores posibles por píxel en el modelo RGB de 8 bits.
El píxel es una unidad abstracta — no tiene un tamaño físico inherente. Un píxel no es grande ni pequeño: es solo un valor de color en una cuadrícula. El tamaño que ocupa en el mundo físico depende completamente del contexto de visualización o impresión.
Esta distinción es el corazón de toda la confusión sobre la resolución: los píxeles existen en un espacio abstracto, sin dimensiones físicas. Cuando hablamos de resolución, siempre estamos hablando de cómo esos píxeles abstractos se mapean al espacio físico — ya sea en una pantalla o en un papel.
Qué es la resolución de imagen
"Resolución" es un término con dos significados distintos que a menudo se confunden:
- Resolución como dimensiones totales en píxeles: "esta imagen tiene una resolución de 3840×2160 píxeles". Aquí, resolución simplemente describe el número de píxeles de ancho y de alto. Una imagen "de alta resolución" en este sentido tiene muchos píxeles — más detalle, más capacidad de ampliarse o imprimirse en grande.
- Resolución como densidad: "esta imagen tiene 300 DPI". Aquí, resolución describe cuántos píxeles (o puntos) caben en una unidad de longitud física. Es la relación entre el espacio digital (píxeles) y el espacio físico (centímetros, pulgadas).
El primer sentido — dimensiones totales en píxeles — es lo que determina la calidad y el "tamaño" de una imagen digital. El segundo — densidad — solo tiene sentido cuando la imagen debe mapearse a un tamaño físico, como en la impresión.
Qué es el PPI — Pixels Per Inch
PPI significa píxeles por pulgada (pixels per inch). Es la medida de densidad de píxeles en una pantalla o en una imagen digital. Describe cuántos píxeles existen en cada pulgada lineal de longitud.
Un monitor Full HD de 24 pulgadas tiene una resolución de 1920×1080 píxeles. La pantalla tiene aproximadamente 21,5 pulgadas de ancho físico. Entonces: 1920 ÷ 21,5 ≈ 89 PPI. Cada pulgada de la pantalla contiene 89 píxeles.
Un iPhone 15 Pro tiene una pantalla de 6,1 pulgadas con resolución de 2556×1179 píxeles. Ancho físico: 2,82 pulgadas. Entonces: 2556 ÷ 2,82 ≈ 460 PPI — más de 5 veces la densidad de un monitor convencional.
El PPI de una pantalla determina la nitidez: cuanto mayor el PPI, más pequeños los píxeles individuales, más difíciles de distinguir a simple vista y más nítida se ve la imagen. La "pantalla Retina" de Apple se llamó así porque, a la distancia normal de uso, el ojo humano no puede distinguir píxeles individuales por encima de 300 PPI.
📐 El PPI es una propiedad de la pantalla, no de la imagen. El PPI de un monitor es fijo — determinado por la resolución y el tamaño físico de la pantalla. Una imagen de 1200×800 píxeles mostrada en un monitor de 89 PPI ocupa cierto tamaño; la misma imagen en un monitor de 460 PPI se ve cuatro veces más pequeña, porque cada píxel es físicamente más pequeño.
Qué es el DPI — Dots Per Inch
DPI significa puntos por pulgada (dots per inch). En su origen, el término se refiere a la densidad de puntos de tinta que una impresora deposita en el papel. Una impresora a 600 DPI coloca 600 puntos de tinta en cada pulgada lineal de papel.
En el uso popular del diseño gráfico, DPI y PPI se usan como sinónimos para describir la densidad de píxeles de una imagen destinada a impresión. Cuando una imprenta pide "archivo a 300 DPI", está pidiendo que la imagen tenga 300 píxeles por cada pulgada del tamaño de impresión final.
La relación entre píxeles, PPI/DPI y tamaño físico
Esta es la ecuación central que lo explica todo:
Tamaño físico (pulgadas) = Píxeles totales ÷ Densidad (DPI o PPI)
Ejemplos con la misma imagen de 3000 píxeles de ancho:
| Densidad (DPI) | Ancho físico resultante | Uso típico |
|---|---|---|
| 72 DPI | 3000 ÷ 72 = 41,7 pulg. (106 cm) | Pantalla antigua de baja resolución |
| 96 DPI | 3000 ÷ 96 = 31,25 pulg. (79 cm) | Monitor Windows estándar |
| 150 DPI | 3000 ÷ 150 = 20 pulg. (51 cm) | Impresión doméstica aceptable |
| 300 DPI | 3000 ÷ 300 = 10 pulg. (25,4 cm) | Impresión gráfica profesional |
| 600 DPI | 3000 ÷ 600 = 5 pulg. (12,7 cm) | Impresión de precisión (texto muy pequeño) |
Observa que la imagen no cambia — los 3000 píxeles son los mismos en todos los casos. Lo que cambia es cómo esos píxeles se distribuyen en el espacio físico. A 300 DPI, cada píxel ocupa 1/300 de pulgada. A 72 DPI, el mismo píxel ocupa 1/72 de pulgada — más de 4 veces mayor. Por eso la imagen impresa a 72 DPI se ve "pixelada": cada píxel es lo bastante grande para verse individualmente.
Qué son los megapíxeles
Megapíxel significa 1 millón de píxeles. Una cámara de 12 megapíxeles produce imágenes con aproximadamente 12 millones de píxeles. La resolución típica de 12 MP es 4032×3024 píxeles — y 4032 × 3024 = 12.192.768 píxeles, que redondeado da los "12 megapíxeles" anunciados.
| Megapíxeles | Resolución típica | Tamaño máx. a 300 DPI |
|---|---|---|
| 8 MP | 3264 × 2448 px | 27,7 × 20,8 cm |
| 12 MP | 4032 × 3024 px | 34,2 × 25,6 cm |
| 24 MP | 6000 × 4000 px | 50,8 × 33,9 cm |
| 48 MP | 8064 × 6048 px | 68,3 × 51,2 cm (A1+) |
| 108 MP | 12032 × 9000 px | 101,9 × 76,2 cm |
La conclusión práctica: cualquier smartphone moderno (12 MP o más) tiene resolución más que suficiente para imprimir en A4 a 300 DPI. La cámara del celular no es el factor limitante para formatos convencionales.
Por qué el "72 DPI" quedó asociado a "para web"
Esta es una de las convenciones más antiguas y peor comprendidas del diseño digital. El origen es histórico: en los años 80, los primeros monitores Macintosh tenían aproximadamente 72 píxeles por pulgada. El sistema de Apple usaba 72 PPI como referencia porque facilitaba la correspondencia entre pantalla e impresión: 1 punto tipográfico = 1/72 de pulgada. Photoshop adoptó 72 PPI como estándar para documentos de pantalla, y la convención se mantuvo.
Los monitores contemporáneos tienen densidades de 90 a 140 PPI. Los iPhones modernos llegan a 460 PPI. El valor 72 PPI está completamente desactualizado como descriptor de pantallas.
La implicación más importante: el valor de DPI en los metadatos de una imagen digital no tiene ningún efecto en la visualización en pantalla. Una imagen de 1200×800px con metadato "72 DPI" y otra con "300 DPI" se muestran idénticas en el navegador — porque el navegador ignora ese metadato y muestra un píxel del archivo como un píxel de la pantalla. El metadato de DPI solo importa cuando la imagen se abre en un software que va a imprimirla.
💡 Resumen definitivo sobre "72 DPI para web": es una convención histórica obsoleta que persiste por inercia. Para imágenes en la web, lo que importa son las dimensiones en píxeles — no el DPI. Una imagen de 1920×1080px sirve para un monitor Full HD sin importar si el metadato dice 72 DPI o 300 DPI.
Pantallas Retina y el factor @2x
Apple lanzó las pantallas Retina en el iPhone 4 (2010) con 326 PPI — aproximadamente el doble del PPI de los monitores de la época. La solución adoptada fue el píxel lógico vs píxel físico:
- Píxel lógico (CSS pixel): la unidad usada en el código. Una imagen declarada con
width: 300pxen CSS ocupa 300 píxeles lógicos. - Píxel físico: el punto real de la pantalla. En una pantalla Retina @2x, cada píxel lógico se renderiza con 4 píxeles físicos (2×2). En una pantalla @3x, cada píxel lógico corresponde a 9 píxeles físicos.
El resultado es que las imágenes rasterizadas se ven borrosas en pantallas de alta densidad si no se proporcionan con resolución suficiente. La solución es proporcionar imágenes con el doble (o el triple) de las dimensiones de visualización:
- Imagen mostrada en 300px de ancho → proporciona 600px (@2x) o 900px (@3x)
- Para una galería con imágenes de 800×600px → proporciona archivos de 1600×1200px
Usa el Redimensionador de Imagen de ImageTools para ajustar las dimensiones con precisión antes de subirlas.
Resolución para impresión: calculando los píxeles necesarios
Partiendo de la ecuación Píxeles = Tamaño físico × DPI:
| Formato de impresión | Dimensiones físicas | Píxeles necesarios (300 DPI) | Megapíxeles aprox. |
|---|---|---|---|
| Foto 10×15 cm | 3,94 × 5,91 pulg. | 1181 × 1772 px | 2,1 MP |
| Foto 13×18 cm | 5,12 × 7,09 pulg. | 1535 × 2126 px | 3,3 MP |
| Foto A5 (15×21 cm) | 5,91 × 8,27 pulg. | 1772 × 2480 px | 4,4 MP |
| Foto A4 (21×29,7 cm) | 8,27 × 11,69 pulg. | 2480 × 3508 px | 8,7 MP |
| Póster A3 (29,7×42 cm) | 11,69 × 16,54 pulg. | 3508 × 4961 px | 17,4 MP |
| Banner 100×70 cm (150 DPI) | 39,37 × 27,56 pulg. | 5906 × 4134 px | 24,4 MP |
Para banners y materiales de gran formato vistos desde lejos, 150 DPI suele ser suficiente. Para impresión de escritorio (tarjeta, foto, folleto), el estándar es 300 DPI.
Resolución para pantallas: lo que realmente importa
Para imágenes destinadas a pantallas y web, olvídate del DPI. Las reglas prácticas son:
- Dimensiona para el espacio de visualización × factor de la pantalla. Para un banner de 1440px de ancho en pantallas @2x, proporciona 2880px. Para una imagen de producto mostrada en 600px, proporciona 1200px.
- No envíes imágenes más grandes de lo necesario. Una foto de 4032×3024px para mostrarse en 800×600px en el sitio es un desperdicio — el navegador descarga 12 veces más píxeles de los que usa.
- El metadato de DPI no afecta nada en la web. Exportar "a 72 DPI" o "a 300 DPI" para web es irrelevante — el número de píxeles es lo que importa.
Ajusta las dimensiones en píxeles con precisión
Redimensiona imágenes a las dimensiones exactas de visualización o impresión — sin distorsionar la proporción.
Redimensionar imagen gratisPor qué aumentar el DPI de una imagen no mejora la calidad
Esta es quizás la confusión más frustrante y más común. Existen dos formas de cambiar el DPI en Photoshop (en Imagen → Tamaño de imagen):
- Sin remuestrear: el número de píxeles no cambia. Photoshop solo recalcula el tamaño físico de impresión. Una imagen de 720×540px a 72 DPI se convierte en una imagen de 720×540px a 300 DPI — los mismos píxeles, en un espacio físico menor. La calidad no mejoró.
- Con remuestreo: Photoshop crea píxeles nuevos por interpolación — calculando valores intermedios entre los píxeles existentes. El resultado tiene más píxeles, pero están "inventados". La imagen se ve suavizada o borrosa, nunca más nítida. El detalle que no existía en la foto original no puede crearse mediante matemáticas.
Conclusión: la única forma de tener más píxeles reales es partir de una imagen originalmente de mayor resolución. Cambiar el DPI en Photoshop no crea detalles — solo redistribuye los píxeles existentes en espacios físicos diferentes.
Resolución de video: cómo se relaciona con la imagen
| Resolución de video | Dimensiones en píxeles | Megapíxeles por cuadro |
|---|---|---|
| HD (720p) | 1280 × 720 px | 0,9 MP |
| Full HD (1080p) | 1920 × 1080 px | 2,1 MP |
| 4K UHD | 3840 × 2160 px | 8,3 MP |
| 8K UHD | 7680 × 4320 px | 33,2 MP |