Skip to main content
Toolzer — Free Online Tools

Prueba de resolución de pantalla

Su pantalla, ventana gráfica y navegador de un vistazo.

Acerca de la herramienta

Conocer el tamaño exacto de la ventana gráfica, la relación de píxeles del dispositivo y la resolución de pantalla del dispositivo en el que está realizando la prueba es esencial para el diseño responsivo y la reproducción de errores. Esta herramienta los informa en tiempo real y se actualiza a medida que gira o cambia el tamaño. Úsela para confirmar que una pantalla Retina está duplicando los píxeles, para capturar la ventana gráfica exacta para una captura de pantalla o para depurar puntos de interrupción que se comportan de manera diferente a lo esperado.

Preguntas frecuentes

Resolución vs. ventana gráfica — ¿cuál es la diferencia?

La resolución es el recuento de píxeles físicos de la pantalla. La ventana gráfica es el espacio de píxeles CSS en el que se renderiza su página, que suele ser más pequeño debido al escalado DPR.

¿Qué es la relación de píxeles del dispositivo?

La relación entre los píxeles físicos y los píxeles CSS. Un DPR de 2 significa que cada píxel CSS se renderiza como un bloque de 2x2, por eso las imágenes Retina deben ser 2x.

¿Por qué cambia el ancho cuando giro?

El modo horizontal y vertical intercambian las dimensiones y pueden activar diferentes consultas de medios. Siempre pruebe ambas orientaciones en dispositivos móviles.

¿Qué puntos de interrupción debo admitir?

El diseño responsivo moderno apunta a 360, 768, 1024 y 1440 px como puntos de anclaje; diseñe de forma fluida entre ellos en lugar de para dispositivos específicos.