Prueba de Resolución de Pantalla
Consulta la resolución nativa de tu pantalla en píxeles físicos, junto con su relación de píxeles, relación de aspecto y profundidad de color. Luego lanza un patrón de prueba de 1 píxel a pantalla completa: a la resolución nativa real se lee como una textura limpia y uniforme, mientras que el escalado o un modo no nativo se muestra como desenfoque o muaré.
Detectando…
← → cambiar patrón
Los píxeles alternativos se funden en un gris suave — la pantalla funciona a resolución nativa y escalado del 100%.
La imagen se está estirando — la resolución probablemente está por debajo de la nativa, por lo que la GPU está ampliando.
Los patrones ondulantes provienen de la interpolación. Restablece el zoom del navegador al 100% y comprueba el escalado de pantalla del SO.
La resolución de pantalla es la cantidad de píxeles que muestra un monitor, escrita como ancho × alto — 1920 × 1080, por ejemplo. Más píxeles en la misma área significa una imagen más nítida y densa. Cada panel plano tiene una cuadrícula fija de píxeles físicos para la que está construido, llamada resolución nativa, y se ve más nítido cuando funciona a esa resolución. Esta prueba lee la cuadrícula de píxeles físicos que reporta tu navegador y la muestra como el número grande de arriba, para que puedas confirmar lo que tu hardware está procesando realmente.
Si eliges una resolución más baja, la GPU estira una imagen más pequeña sobre la cuadrícula fija, suavizando todo. Los sistemas modernos también añaden escalado de pantalla (Retina, Windows 150%) para dibujar la interfaz más grande mientras siguen renderizando a densidad completa. Por eso un navegador reporta dos tamaños: la ventana gráfica CSS en píxeles lógicos y la resolución física en píxeles reales del dispositivo. La relación entre ellos es la relación de píxeles del dispositivo (DPR) — un DPR de 2 significa que cada píxel CSS está respaldado por un bloque de 2 × 2 píxeles físicos, por lo que la ventana gráfica que ve tu navegador puede ser la mitad de la resolución de la pantalla.
Resoluciones de pantalla comunes
| Resolución | Nombre | Dónde se encuentra |
|---|---|---|
| 1280 × 720 | HD / 720p | Portátiles antiguos, monitores de gama de entrada |
| 1920 × 1080 | Full HD / 1080p | La resolución más común en escritorio y portátil |
| 2560 × 1440 | QHD / 1440p | Monitores de trabajo y gaming más nítidos |
| 3440 × 1440 | UltraWide QHD | Paneles ultrawide 21:9 |
| 3840 × 2160 | 4K UHD | Pantallas grandes y de alta DPI, televisores |
| 1170 × 2532 | iPhone (DPR 3) | Teléfonos modernos — paneles altos y de alta densidad |
Consejos para una lectura precisa
- Restablece el zoom del navegador al 100% — el zoom remuestrea la página de forma independiente al sistema operativo.
- En Windows, elige la resolución marcada como "(Recommended)" en Settings > System > Display.
- En macOS, elige "Default for display" en System Settings > Displays.
- Ejecuta el patrón en pantalla completa: un gris limpio y uniforme indica salida nativa, mientras que el desenfoque o el muaré indican escalado.