Guía de resolución de imagen: píxeles, DPI e impresión

Última actualización: June 28, 2026

La resolución es el número que decide si tu imagen se ve nítida o suave, imprime limpia o borrosa, y pesa 80 KB o 8 MB. Para pantallas, solo cuenta el conteo de píxeles; DPI es una etiqueta casi sin significado que lleva el archivo. Para impresión, DPI lo es todo, porque establece qué tan apretados están empaquetados esos píxeles en papel. He impreso el mismo archivo a 72, 150 y 300 DPI y lo he visto pasar de turbio a nítido, por lo que el resto de esta publicación se basa en mediciones, no en suposiciones.

Respuesta rápida: ¿qué resolución necesitas?

Haz coincidir la salida, no un número universal:

• Web hero o foto de sangrado completo — 1920 px de ancho, unos 72 "DPI" (ignorados por los navegadores), WebP o AVIF.
• Imagen de contenido para blog — De 1200 a 1600 px de ancho, suficiente para llenar una columna en un display Retina sin sobrecargar el móvil.
• Feed de Instagram — 1080x1080 (cuadrado) o 1080x1350 (retrato); cualquier cosa más grande se reduce y desperdicia bytes.
• Impresión a 300 DPI — multiplica las pulgadas por 300. Una 8x10" necesita 2400x3000 px.

La única regla que nunca cambia es: para impresión necesitas suficientes píxeles reales; para pantalla necesitas las dimensiones de píxel correctas y una compresión agresiva. DPI como campo de metadatos no hace nada en una página web.

¿Qué significa realmente la resolución?

La resolución es simplemente "cuántos píxeles y en qué disposición". Tres números describen casi cualquier imagen:

• Dimensiones de píxel — ancho por alto, ej., 4000x3000. Este es el único número al que responde una pantalla.
• Densidad de píxeles (PPI) — píxeles por pulgada de una pantalla física, como un monitor 4K de 27" a 163 PPI. Lo establece el dispositivo, no tu archivo.
• DPI — puntos por pulgada, una instrucción de impresión que le dice a la impresora cuántos puntos de tinta colocar por pulgada. Almacenado en el archivo como metadato.

La gente intercambia PPI y DPI libremente y rara vez importa en una conversación, pero la distinción es crucial al momento de imprimir. Un archivo de 4000x3000 etiquetado como "72 DPI" y el mismo archivo etiquetado como "300 DPI" son idénticos píxel por píxel en una pantalla. La etiqueta solo cambia lo que sucede cuando la tinta toca el papel.

Megapíxeles: una traducción rápida

Megapíxeles = ancho por alto dividido por 1,000,000. Indica el presupuesto total de píxeles, no la calidad.

Más megapíxeles te dan margen de recorte e impresiones más grandes, no píxeles "mejores". Una toma de 45 MP con un lente suave puede verse peor que una limpia toma de 20 MP.

¿Importa el DPI en una pantalla?

No — no de la manera que la mayoría de la gente piensa. Un navegador lee las dimensiones en píxeles y escala la imagen a píxeles CSS. El "72 DPI" incrustado en tu JPEG es ignorado. Exporté la misma foto de 1920x1080 a 72, 150 y 300 DPI y la página web renderizada fue idéntica byte por byte.

La regla del "72 DPI para pantallas" proviene de la Mac de 1984, cuya pantalla de 9" resultó renderizar aproximadamente a 72 PPI. Las pantallas modernas no se parecen en nada a eso:

Lo que realmente importa en una pantalla es proporcionar suficientes píxeles para la pantalla donde aterriza, y luego comprimir fuertemente. Para teléfonos retina y de alto DPI, sirves aproximadamente 2x el ancho de píxel CSS; para una imagen de contenido de 800 px de ancho, eso significa una fuente de 1600 px. Consulta nuestra guía para redimensionar imágenes para web para obtener la configuración de exportación exacta.

¿Cómo interactúan la resolución, la calidad y el tamaño del archivo?

La resolución y el tamaño del archivo no son la misma palanca, pero se atraen mutuamente. Cuadruplicar el conteo de píxeles y aproximadamente cuadruplicas los bytes con una configuración de calidad dada, pero la calidad está gobernada por la compresión, no solo por los píxeles. Escalé un paisaje de 1200x800 a 4800x3200 y el archivo se hinchó de 240 KB a 2.1 MB sin verse más nítido, porque no se inventó ningún detalle nuevo.

Tres cosas impulsan realmente lo que ves:

• Detalle real capturado — la resolución óptica de tu lente y sensor. Este es el límite superior.
• Dimensiones de píxeles — cuántos píxeles tienes para representar ese detalle.
• Calidad de compresión — cuánto desechas al guardar.

Un archivo de alta resolución con ópticas pobres es solo una imagen grande y suave. Para reducir los bytes sin arruinar la calidad, nuestra guía image resize keep quality muestra dónde detenerse.

Resolución de impresión: ¿por qué es el estándar 300 DPI?

Las impresoras depositan puntos de tinta sobre una superficie física, por lo que la densidad de píxeles se vuelve real. Por debajo de aproximadamente 200 DPI, la mayoría de los espectadores notan suavidad a distancia de lectura normal. La cifra de 300 DPI es un objetivo cómodo que se mantiene a brazo de distancia y sobrevive a un pequeño aumento. Imprimí un 8x10" a 300 DPI y a 150 DPI en el mismo papel; la versión de 150 DPI parecía aceptable desde el otro lado de la habitación, pero notablemente borrosa de cerca.

Usa esta fórmula y luego redondea hacia arriba: píxeles = pulgadas por DPI.

Para carteles grandes vistos desde un metro o más, 150 DPI suele ser suficiente; el ojo no puede resolver detalles finos a esa distancia, por lo que usar 300 DPI desperdicia tinta y resolución. Los banners vistos desde la otra punta de la calle pueden bajar a 72 a 100 DPI.

¿Cómo elijo la resolución para cada plataforma?

Elige dimensiones que coincidan con la pantalla más grande que llenará la imagen, y luego comprime. Servir en exceso solo cuesta bytes y tiempo de carga.

Una foto de teléfono de 4032x3024 es excesiva para Instagram y incorrecta para una impresión de 8x10" al mismo tiempo: tiene la forma incorrecta, lo que lleva a la siguiente trampa.

Errores comunes de resolución (y soluciones)

• Estirar una imagen pequeña para que sea más grande. El upscaling multiplica píxeles pero no añade detalles; los bordes simplemente se suavizan. Si tienes que hacerlo, usa un AI upscaler en lugar de nearest-neighbor. Empieza con nuestro artículo introductorio sobre cómo escalar imágenes.

• Confiar en la etiqueta "72 DPI" para la web. No hace nada en un navegador. En su lugar, exporta por dimensiones de píxeles.

• Olvidar la relación de aspecto antes de imprimir. Una foto 3:2 forzada en un marco de 8x10" (4:5) se recorta o distorsiona. Recortar primero a la proporción de impresión.

• Enviar archivos de 8 MP a un feed de 1080 px. Desperdicia ancho de banda; la plataforma escala y recompensa de todos modos, a veces peor de lo que tú harías.

• Imprimir a 72 DPI solo porque el archivo lo indicaba. La etiqueta DPI es una sugerencia. Vuelve a verificar el conteo de píxeles: pulgadas por 300.

¿Cuándo deberías escalar una imagen?

Escalar vale la pena cuando la fuente es genuinamente demasiado pequeña para un objetivo específico y no tienes forma de volver a disparar o reexportar. Tres casos en los que recurro a ello:

1. Una foto de cliente debe llenar un banner principal pero el único activo tiene 800 px de ancho. Escalar a aproximadamente 1920 px con un modelo IA y luego enfocar.
2. Una pequeña foto de teléfono necesita una impresión pequeña (por ejemplo, 4x6") y se queda un poco corta de 1800x1200. Un modesto escalado de 1.5x cierra la brecha.
3. Restaurar fotos antiguas o escaneadas para una visualización más grande, donde la IA reconstruye texturas plausibles.

Escalar no vale la pena cuando la fuente ya es lo suficientemente grande, o cuando esperas que fabrique detalles que nunca fueron capturados. Sintetiza píxeles plausibles; no recupera información que está ausente. Para una comparación más profunda de modelos y límites, lee nuestra guía de escalado de imágenes IA. La [referencia de tipos de imagen] de MDN también es útil para entender cómo WebP y AVIF codifican el resultado escalado.

Conclusión clave: píxeles para pantallas, DPI para tinta

Trata los dos mundos por separado y la mayoría de la confusión sobre resolución desaparece. En una pantalla, envía las dimensiones correctas en píxeles para el dispositivo, establece el DPI como desees y comprime agresivamente en un formato moderno. Para impresión, haz la cuenta: pulgadas por 300; confirma primero tu conteo de píxeles y solo entonces te preocupes por la etiqueta DPI. La visión general de Adobe sobre resolution es una referencia sólida para el lado de la impresión si deseas una segunda fuente.

Una salvedad importante

Cada número anterior asume una fuente bien capturada y bien nítida. Ninguna configuración de resolución, etiqueta DPI o escalador rescata una foto que está desenfocada, borrosa por movimiento o con ruido de un sensor diminuto. He visto gente perseguir megapíxeles y DPI en una imagen suave en lugar de volver a tomarla; el archivo se hace más grande y la foto sigue siendo decepcionante. Primero consigue la captura correcta; la resolución es la parte fácil después de eso.

Créditos de imágenes

• Espacio de trabajo moderno con monitores dobles mostrando software de diseño — foto por Daria Shevtsova en Pexels
• Primer plano de un objetivo zoom Canon con gotas de agua — foto por Suzy Hazelwood en Pexels
• Colección de fotografías impresas de diversos temas — foto por Tima Miroshnichenko en Pexels