polyshComprobador de relación de píxeles del dispositivo
La relación de píxeles de tu dispositivo y los tamaños de exportación que se ven nítidos en él.
- Funciona en tu navegador
- Sin subidas
- Sin cuenta
Cargando tu herramienta del navegador…
Qué hace Comprobador de relación de píxeles del dispositivo
En una pantalla Retina o HiDPI, cada píxel CSS se dibuja con varios píxeles físicos. La relación de píxeles del dispositivo dice cuántos: 1 en un monitor estándar, 2 en la mayoría de los Mac, 1,25 o 1,5 en muchos portátiles con Windows y, a menudo, 3 en los teléfonos.
Esa cifra explica muchas pequeñas molestias. Las capturas salen el doble de grandes de lo esperado, un logotipo se ve borroso o una grabación de pantalla es más grande que la ventana que compartiste. El informe convierte la relación en tamaños prácticos: a qué tamaño se captura un área de 1280 × 720 y a qué múltiplo exportar las imágenes.
Ejemplo
Tu equipo
La pantalla de un MacBook con su escalado predeterminado, zoom del navegador al 100 %
El informe muestra
Tu relación de píxeles del dispositivo: 2× 1 píxel CSS = 2 × 2 píxeles del dispositivo · Densidad alta (Retina / HiDPI) Un área de 1280 × 720 se captura a 2560 × 1440 píxeles Exporta las imágenes a 2× su tamaño en pantalla para que se vean nítidas
Cómo usar Comprobador de relación de píxeles del dispositivo
- Abre la página en la pantalla que quieras comprobar.
- Lee la relación y los tamaños de captura y exportación en la tabla.
- Mueve la ventana a otro monitor o cambia el zoom para comparar.
Conviene saber
- Con relaciones fraccionarias como 1,25 o 1,5, la recomendación de exportación redondea a 2×, lo que mantiene las imágenes nítidas a cambio de un archivo algo más grande.
- Las capturas con una relación alta son grandes. Para usarlas en documentación, redúcelas al tamaño con el que se muestran en pantalla con el redimensionador de capturas.
- Los teléfonos y las tabletas indican su propia relación, así que comprueba el dispositivo que usa de verdad tu público.
Preguntas sobre Comprobador de relación de píxeles del dispositivo
¿Qué es la relación de píxeles del dispositivo?
Es el número de píxeles físicos de la pantalla que se usan para dibujar un píxel CSS en cada dirección. Una relación de 2 significa que cada píxel CSS es un bloque de 2 × 2, cuatro píxeles del dispositivo; por eso el texto se ve más nítido en las pantallas de alta densidad.
¿Por qué mis capturas de pantalla son el doble de grandes de lo que esperaba?
Las capturas guardan píxeles físicos. En una pantalla 2×, una ventana de 1280 píxeles CSS de ancho se convierte en una imagen de 2560 píxeles. Conserva el archivo grande para imprimir o hacer zoom, o redúcelo a la mitad para un artículo de ayuda.
¿Debo exportar las imágenes a 2x o a 3x?
2× cubre la mayoría de los portátiles y las pantallas Retina de escritorio. 3× solo compensa con imágenes que se ven a tamaño completo en teléfonos de gama alta. Las exportaciones más grandes consumen ancho de banda, así que sirve 2× de forma predeterminada y añade 3× solo donde importe el detalle.
¿Por qué la relación de píxeles de mi dispositivo es 1,5 en Windows?
El escalado de pantalla de Windows está al 150 %. El sistema lo dibuja todo 1,5 veces más grande, y el navegador lo indica como la relación. Muchos portátiles de 14 y 15 pulgadas vienen con un escalado del 125 % o del 150 % de forma predeterminada.