Información del navegador y resolución de pantalla
Lee la resolución de tu pantalla, el tamaño del viewport, el device pixel ratio, la GPU, los núcleos de la CPU, la zona horaria y la calidad de la conexión en una sola tabla — incluyendo los píxeles físicos reales detrás del escalado.
100% privado: todo funciona en tu navegador
Cómo usarla
- 1
Abre la página: la detección arranca sola, no hay que pulsar nada.
- 2
Mira el bloque Pantalla para ver la resolución del panel, el área útil tras la barra de tareas y el viewport en el que realmente maquetas.
- 3
Comprobación de la multiplicación: Resolución física es la resolución de pantalla por el device pixel ratio, y es el número que importa para capturas y tamaños de exportación.
- 4
Pulsa Volver a detectar después de cambiar de monitor, ajustar el zoom del navegador o girar la tableta.
- 5
Con Copiar todo llevas todos los valores de una vez al informe de un fallo o a un traspaso de diseño.
Ejemplos
Monitor 4K de 27 pulgadas al 150 %
Entrada
Pantalla 2560 × 1440 · device pixel ratio 1,5 · zoom 100 %Salida
Resolución de pantalla 2560 × 1440
Resolución física 3840 × 2160
Viewport aproximado 1707 × 960Teléfono con pantalla de alta densidad
Entrada
Pantalla 412 × 915 · device pixel ratio 2,6Salida
Resolución de pantalla 412 × 915 (píxeles CSS)
Resolución física 1071 × 2379
Orientación vertical · Puntos táctiles 5Preguntas frecuentes
¿Cuál es mi resolución de pantalla?
La fila «Resolución de pantalla» es el tamaño completo en píxeles del panel donde está el navegador, en píxeles CSS según el sistema operativo. Con escalado activo es menor que la resolución nativa: un monitor 4K al 150 % reporta 2560 × 1440. Multiplícalo por el device pixel ratio para recuperar los 3840 × 2160 reales, que es lo que contendrá una captura de pantalla.
¿Por qué «Resolución de pantalla» es distinto del «Viewport»?
La resolución describe toda la pantalla; «Pantalla disponible» resta barra de tareas y dock; y el viewport es el rectángulo donde la página se dibuja de verdad, sin la interfaz del navegador, las extensiones ni los paneles abiertos. Esa diferencia es la causa de que un diseño que «cabe en la pantalla» siga haciendo scroll. Al cambiar el tamaño de la ventana o el zoom se mueve el viewport y la resolución queda igual.
¿Qué es el device pixel ratio?
Es cuántos píxeles físicos representa un píxel CSS. Un DPR de 1 es una pantalla normal, 2 es Retina o el teléfono típico, los gama alta recientes llegan a 3, y el escalado de escritorio produce valores como 1,25 o 1,5. Decide si una imagen 1× se ve borrosa, cuándo conviene servir recursos @2x y a qué tamaño dibujar un SVG o un canvas para que quede nítido.
¿Por qué algunas filas muestran un guion?
Los navegadores ocultan detalles de hardware a propósito. La memoria del dispositivo se redondea a unos pocos valores y Safari siempre devuelve el mismo; la cadena del renderizador GPU está bloqueada en Safari y Firefox porque facilitaba la huella digital del navegador; el tipo de conexión solo existe en Chromium; y en portátiles sin pantalla táctil los puntos táctiles son cero. Un guion es falta de permiso, no un fallo.
¿Puede una web identificarme con esta información?
Esa combinación —resolución, DPR, núcleos, cadena de GPU, zona horaria, lista de idiomas— es justo la que usa la huella dactilar del navegador, porque suele ser única suficiente para reconocer a un visitante sin cookies. Los navegadores responden: Safari congela la memoria, Firefox y Safari ocultan el renderizador GPU y Chromium está reduciendo el User-Agent a la versión mayor. Aquí no se transmite nada, pero cualquier otra web puede leer los mismos campos.
¿Funciona sin conexión?
Sí. Todos los valores salen de API locales del navegador, así que la detección sigue funcionando después de cargar la página aunque no haya red; en ese caso la fila «Conectado» simplemente dirá que no.