LuabifyDiagnósticos rápidos de dispositivos

Test de DPI de Pantalla: comprueba DPR, viewport, resolución y por qué la pantalla parece con zoom

Click Test de DPI de pantalla Comprueba device pixel ratio, DPI estimado, resolución de pantalla y viewport para entender escala, zoom del navegador, comportamiento Retina y diferencias de layout entre pantallas.

Resumen de pantalla

DPI de pantalla y relación de píxeles

Revisa la resolución, la relación de píxeles y el DPI estimado.

El DPI es una estimación basada en la relación de píxeles, no una medida física.

Pantalla

Resolución de pantalla--
Píxeles del dispositivo--
Profundidad de color--
Profundidad de píxel--

Viewport

Tamaño del viewport--

Densidad

Relación de píxeles del dispositivo--
DPI estimado--

Por qué usar este test de DPI de pantalla online

Este test de DPI de pantalla es especialmente útil cuando una web parece demasiado ampliada, el texto se ve demasiado pequeño, las capturas salen borrosas o el mismo layout se comporta distinto entre dispositivos. En lugar de adivinar, puedes comparar device pixel ratio, DPI estimado, resolución de pantalla y viewport en un mismo lugar. Por eso la página es útil para diseñadores, desarrolladores frontend, QA, soporte y cualquiera que necesite explicar por qué una pantalla Retina o HiDPI renderiza distinto a una pantalla estándar.

Qué mide realmente esta herramienta

La herramienta lee valores del navegador como window.devicePixelRatio, tamaño de pantalla, viewport y profundidad de color. A partir de ellos calcula un DPI estimado dentro del contexto de escala actual del navegador. Esto ayuda mucho a entender CSS pixels frente a device pixels, pero no es una medición física exacta de la densidad del panel. Piensa en ella como una herramienta práctica de diagnóstico de escala y renderizado, no como un calibrador de hardware.

Por qué los layouts, las capturas y la interfaz pueden verse diferentes

Una página puede verse distinta porque la escala del sistema operativo, el zoom del navegador, el tamaño de la ventana y la densidad de pantalla cambian lo que el navegador informa. Un device pixel ratio alto suele hacer que el texto y los gráficos se vean más nítidos, pero también modifica capturas, canvas, imágenes y breakpoints responsive. Si el viewport parece más pequeño de lo esperado, normalmente la causa es el tamaño de la ventana, el nivel de zoom o la propia interfaz del navegador, no la resolución bruta de la pantalla.

  • Un device pixel ratio más alto suele indicar una pantalla más densa y renderizado más nítido.
  • El DPI estimado es solo una aproximación basada en los valores visibles para el navegador.
  • El viewport cambia con el tamaño de ventana, el zoom, la orientación y la interfaz del navegador.
  • La escala del sistema operativo puede hacer que el mismo hardware se comporte diferente a nivel de navegador.
  • Esta herramienta es más fuerte para depurar escala y layout que para certificar el DPI físico exacto.

Qué puede ayudarte a diagnosticar este resultado

Usa esta página para comparar un portátil con un monitor externo, entender por qué una web parece demasiado grande, descubrir por qué una captura se ve suave en un dispositivo y nítida en otro, o confirmar si el zoom y el DPR están alterando tu layout responsive. Todo se ejecuta localmente en el navegador y no se almacenan datos personales.

Herramientas relacionadas

Preguntas Frecuentes

¿Qué muestra este test de DPI de pantalla?

Muestra device pixel ratio, DPI estimado, resolución de pantalla, tamaño del viewport, profundidad de color y otros valores visibles para el navegador. Juntos, esos números ayudan a explicar escala, zoom y diferencias de renderizado.

¿Mide el DPI físico exacto del hardware?

No. El valor de DPI aquí es una estimación derivada de valores reportados por el navegador y del contexto de escala actual. Sirve para diagnóstico práctico, pero no es una medición física precisa del panel.

¿Qué es device pixel ratio y por qué importa?

Device pixel ratio indica cuántos píxeles físicos corresponden a un CSS pixel. Importa porque cambia cómo se ven el texto, las imágenes, el canvas, las capturas y los layouts responsive.

¿Por qué una web parece con zoom o demasiado grande en una pantalla?

Las causas más comunes son escala del sistema operativo, zoom del navegador, un DPR distinto o un viewport efectivo más pequeño. La misma resolución puede sentirse muy diferente cuando el navegador informa otro contexto de escala.

¿Por qué el viewport parece más pequeño que la resolución de pantalla?

El viewport es solo el área visible dentro del navegador, no toda la pantalla física. Tamaño de ventana, barras del navegador, zoom, sidebars e interfaz móvil reducen ese espacio útil.

¿Esto ayuda a explicar capturas borrosas o una interfaz demasiado suave?

Sí. Las diferencias entre device pixel ratio, tamaño de exportación de la imagen, zoom del navegador y supuestos sobre viewport son una causa habitual de capturas o elementos de interfaz borrosos en una pantalla y nítidos en otra.

¿El zoom del navegador afecta el resultado?

Sí. El zoom puede cambiar el viewport efectivo y la forma en que el navegador informa valores relacionados con la escala. Para comparaciones consistentes, prueba con el mismo nivel de zoom en cada dispositivo.

¿La escala del sistema operativo afecta el resultado?

Sí. Windows, macOS y algunos entornos Linux aplican escala que altera los valores visibles para el navegador. Esa es una de las razones por las que hardware similar puede comportarse distinto en la web.

¿Puedo usarlo para responsive design o pruebas de QA?

Sí. Es útil para comprobar viewport, DPR y contexto de pantalla antes de investigar breakpoints, bugs de layout, problemas con capturas o diferencias de renderizado frontend.

¿Este test de DPI funciona en móviles y tablets?

Sí. Funciona en navegadores móviles modernos y ayuda a explicar comportamiento Retina, HiDPI y escala en pantallas móviles. Los resultados pueden cambiar con la orientación, el zoom y la interfaz del navegador.

¿Este test de DPI de pantalla es privado?

Sí. Se ejecuta localmente en tu navegador y no envía ni almacena datos personales. Los valores se actualizan en tiempo real mientras la página esté abierta.

¿Qué no puede hacer este test de DPI de pantalla?

No puede calibrar la pantalla, medir el DPI físico exacto del panel, corregir automáticamente problemas de escala ni verificar la precisión de color. Solo muestra los valores que el navegador puede observar.