Cuál es mi resolución de pantalla
La resolución real, la relación de píxeles y el viewport de tu pantalla, en vivo.
Píxeles físicos: tamaño CSS por relación de píxeles
- Se actualiza al cambiar el tamaño
- Muestra la relación de píxeles
- Funciona en celulares y tablets
Cómo revisar tu resolución de pantalla
- Abre esta página en el dispositivo que quieres revisar.
- Lee la resolución y la relación de píxeles en los cuadros de abajo.
- Cambia el tamaño de la ventana o rota tu dispositivo para ver los números actualizarse.
Resoluciones comunes y dónde aparecen
| Nombre | Resolución | Común en |
|---|---|---|
| HD | 1280 x 720 | Laptops más antiguas o económicas |
| Full HD | 1920 x 1080 | La mayoría de las laptops y monitores que se venden hoy |
| QHD (1440p) | 2560 x 1440 | Monitores de gama alta y algunos celulares |
| 4K UHD | 3840 x 2160 | Monitores y televisores premium |
Píxeles físicos frente a píxeles CSS
Un píxel CSS es la unidad en la que se diseñan las páginas web, pero no siempre coincide con un punto físico de la pantalla. La relación de píxeles indica cuántos píxeles físicos caben en cada píxel CSS, así que una relación de 2 significa que el panel dibuja 4 píxeles físicos, en un cuadrado de 2 por 2, por cada píxel CSS que usa un sitio web.
Las pantallas de alta densidad de celular y laptop reportan un tamaño CSS más pequeño junto con una relación de píxeles de 2 o 3, mientras que la mayoría de los monitores de escritorio reportan una relación de píxeles de 1, donde los píxeles CSS y los físicos coinciden uno a uno.
Cómo cambiar tu resolución
- En Windows 11, abre Configuración, luego Sistema, luego Pantalla, y elige otra opción en el menú desplegable de resolución de pantalla.
- En macOS, abre Ajustes del Sistema, luego Pantallas, y elige Predeterminado o una de las opciones escaladas que aparecen bajo los controles de resolución de la pantalla.
- Rota un celular o una tablet, o cambia el tamaño de una ventana del navegador en el escritorio, para ver los números de viewport de esta página actualizarse en vivo sin cambiar tu resolución de pantalla real.
Preguntas frecuentes sobre Verificador de resolución de pantalla
¿Por qué esto muestra un número distinto al de mi configuración de pantalla?
Windows y macOS muestran la resolución que elegiste en la configuración de pantalla, que puede ser menor a la resolución nativa del panel cuando el escalado está activado. Esta página reporta lo que ve el navegador, multiplicado por la relación de píxeles.
¿Qué es devicePixelRatio?
Es la relación entre píxeles físicos y píxeles CSS. Una relación de 2 significa que cada píxel CSS se dibuja con 4 píxeles físicos, algo típico en pantallas de celular y en la mayoría de las laptops modernas.
¿Por qué el viewport es más pequeño que el tamaño de la pantalla?
El viewport es el área visible dentro de la ventana del navegador, así que deja fuera la barra de tareas, la barra de herramientas del navegador y cualquier otra ventana en pantalla.
¿Esto funciona en mi celular o tablet?
Sí. Abre la página en cualquier navegador móvil y rota el dispositivo para ver los números en vertical y en horizontal.
¿Qué resolución debería elegir para mi monitor?
Elige la opción marcada como Recomendada en tu configuración de pantalla, que coincide con la resolución nativa del panel. Usar un monitor LCD por debajo de su resolución nativa suele desenfocar el texto y los bordes finos, ya que la imagen tiene que escalarse.
¿Por qué dos celulares con el mismo tamaño de pantalla muestran números distintos?
Los fabricantes eligen su propia densidad de píxeles y factor de escalado CSS incluso para pantallas de un tamaño físico similar, así que dos celulares con una medida diagonal parecida pueden reportar resoluciones y relaciones de píxeles diferentes.
¿Cuál es la diferencia entre resolución y tamaño de pantalla?
La resolución cuenta píxeles a lo largo de la pantalla. El tamaño mide la diagonal física en pulgadas. La misma resolución en una pantalla más pequeña da una densidad de píxeles más alta, por eso las pantallas de celular se ven más nítidas de cerca que un monitor con el mismo número de píxeles.