Densidad de píxeles
Qué significa la densidad de píxeles, cómo afecta a la resolución de las capturas y la confusión habitual con DPI.
La densidad de píxeles es el número de píxeles físicos por unidad de longitud en una pantalla, medido en píxeles por pulgada (PPI). Depende de la resolución de la pantalla y de su tamaño físico. Una pantalla de 27 pulgadas con 5120×2880 píxeles tiene una diagonal de unos 5874 píxeles, lo que da aproximadamente 218 PPI.
Una densidad mayor hace que el texto y las líneas se vean más suaves a la misma distancia de visualización. Para que los elementos de la interfaz tengan un tamaño utilizable, los sistemas operativos los escalan. macOS mide la interfaz en puntos y dibuja cada punto con 1×1 píxeles en una pantalla estándar, o con 2×2 píxeles en una pantalla Retina.
En la web, la misma relación se llama relación de píxeles del dispositivo: el número de píxeles físicos por píxel CSS.
Densidad de píxeles y nitidez de la pantalla
Dos pantallas con la misma resolución pero distinto tamaño tienen densidades distintas. Un panel de 1920×1080 se ve nítido a 13 pulgadas y tosco a 27. La densidad por sí sola no determina lo que se ve: también influyen la distancia de visualización y los ajustes de escala.
Cómo afecta la densidad de píxeles a las capturas
Las capturas registran píxeles físicos. En una pantalla Retina 2x, un área de captura de 1600×900 puntos produce una imagen de 3200×1800 píxeles. La misma área en un monitor externo 1x produce 1600×900 píxeles. Si una sesión de captura pasa de una pantalla a otra, cambian los tamaños de las imágenes del conjunto.
Temposhot muestra el diálogo Display Configuration Changed cuando cambia la configuración de pantalla durante una captura, con las opciones Continue with Selected Display o Stop Capture.
Relación de píxeles del dispositivo
| Relación de píxeles del dispositivo | Ejemplo | Elemento de 400 px CSS de ancho |
|---|---|---|
| 1 | Monitor de escritorio estándar | 400 píxeles |
| 2 | Pantalla Retina de Mac | 800 píxeles |
| 3 | Muchos teléfonos actuales | 1200 píxeles |
Las herramientas del navegador y las bibliotecas de capturas permiten definir la relación de píxeles del dispositivo, así que un escritorio puede producir capturas con densidad de teléfono.
Errores comunes
- Mezclar capturas 1x y 2x en un mismo documento, de modo que algunas se ven borrosas o demasiado grandes.
- Confundir los PPI de una pantalla con el campo DPI guardado en una imagen.
- Mostrar capturas 2x en una página web con su tamaño completo en píxeles.
- Reducir capturas 2x con un factor no entero en lugar de exactamente al 50 por ciento.
¿Tomas las mismas capturas una y otra vez?
Ejecuta todas las capturas en la misma pantalla para que los tamaños de las imágenes sean coherentes. Consulta la automatización de capturas en Mac.
Preguntas frecuentes
¿Cómo compruebo el tamaño en píxeles de una captura?
Ábrela en Screenshot Resolution Checker o usa el inspector de Vista Previa en un Mac.
¿La densidad de píxeles es lo mismo que la resolución?
No. La resolución es el número de píxeles. La densidad es el número de píxeles por pulgada de pantalla física.
Fuentes
Recursos relacionados
- Controles y recuperación de la captura: cambios de pantalla durante la captura.
- DPI: el valor de resolución orientado a impresión.
¿Repites las mismas capturas de pantalla una y otra vez?
Temposhot captura una pantalla, una ventana o un área con temporizador y exporta el conjunto como PDF, imágenes, ZIP o MP4. Las herramientas gratuitas para navegador solo sirven para imágenes sueltas.
Recursos relacionados
Términos relacionados
- DPIQué significa DPI para las capturas de pantalla, cómo afecta a la resolución y al tamaño del archivo, y la confusión habitual con PPI.
- Captura RetinaQué es una captura Retina, por qué tiene el doble del tamaño esperado y cómo gestionar las capturas de alta densidad.
- Resolución de capturasUna captura copia los píxeles de la pantalla, así que no reduce la calidad por sí misma. Qué provoca que las capturas salgan borrosas y qué determina su tamaño en MB.
- Redimensionado de imágenesQué es el redimensionado de imágenes, en qué se diferencia del recorte y los errores que evitar al escalar capturas de pantalla.
- Captura de ventana gráficaQué es una captura de ventana gráfica, en qué se diferencia de la captura de página completa y cuándo es la opción adecuada.