Captura en modo oscuro
Por qué importan las capturas en modo oscuro, cómo capturar las variantes claras y oscuras, y qué considerar sobre la legibilidad.
Una captura en modo oscuro muestra una interfaz con su apariencia oscura: texto y controles claros sobre fondos oscuros. En macOS, la apariencia se define en Ajustes del Sistema, en Apariencia, con las opciones Claro, Oscuro y Automático. Automático alterna entre ambas según la hora del día.
Las apps nativas suelen seguir el ajuste del sistema, aunque muchas también tienen su propia opción de tema. Los sitios web detectan la preferencia con la característica de medios CSS prefers-color-scheme, definida en Media Queries Level 5. Un sitio sin estilos oscuros muestra su diseño claro en ambos modos, así que un ajuste oscuro del sistema no garantiza una página oscura.
Por qué importan las capturas en modo oscuro
Muchas personas usan su Mac o su teléfono en modo oscuro. La documentación que solo muestra pantallas claras puede confundirlas, porque los colores, los bordes y los iconos cambian. Las páginas de producto y las fichas de tiendas suelen mostrar ambas variantes para indicar que la app las admite.
Cómo capturar ambos modos
- Elige las pantallas que vas a capturar y fija el tamaño y la posición de la ventana.
- Define la apariencia en Claro y captura el conjunto completo.
- Cambia a Oscuro, confirma que la app de destino cambió y captura el mismo conjunto otra vez.
- Nombra los archivos con un sufijo light o dark para que los pares queden juntos.
Temposhot registra la pantalla tal como se ve. Ejecuta la misma configuración de Auto Capture dos veces, una por apariencia. La fuente Custom Area se abre en el área guardada, así que ambos conjuntos quedan alineados.
Modo oscuro y legibilidad
El texto claro y fino sobre un fondo oscuro pierde peso al reducir la imagen. Las áreas oscuras grandes y planas se comprimen bien en PNG. JPEG con calidad baja puede mostrar bandas en los degradados oscuros y halos alrededor del texto claro, así que revisa un recorte ampliado. Para texto nítido, exporta con PNG Export (Lossless).
Errores comunes
- Mezclar capturas claras y oscuras en una misma guía.
- Cambiar la apariencia del sistema mientras una app mantiene su propio ajuste de tema.
- Dejar la apariencia Automático activada durante una captura larga, de modo que cambie a mitad de la ejecución.
- Colocar capturas oscuras sobre una página oscura sin borde, lo que oculta los bordes.
¿Tomas las mismas capturas una y otra vez?
Guarda la configuración como preajuste y ejecútala para cada apariencia. Consulta la automatización de capturas en Mac.
Preguntas frecuentes
¿Por qué un sitio sigue en claro si mi Mac está en oscuro?
El sitio puede no tener estilos oscuros, o puede usar su propio interruptor de tema en lugar de la preferencia del sistema. Revisa los ajustes del sitio antes de capturar.
¿Qué formato es mejor para capturas oscuras?
PNG mantiene los bordes del texto exactos. Usa JPG con un ajuste de calidad alto cuando el tamaño del archivo importe.
Fuentes
Recursos relacionados
- Preajustes de captura: guardar y reutilizar una configuración.
- Formatos de exportación: opciones de PNG y JPG.
- Compare Images: compara las versiones claras y oscuras.
¿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
- Captura responsivaQué son las capturas responsivas, los tamaños de ventana gráfica habituales y los errores que conviene evitar al capturar en varios dispositivos.
- Documentación visualQué es la documentación visual, cómo encajan las capturas de pantalla en los flujos de documentación y los errores comunes.
- Compresión de imágenesQué es la compresión de imágenes, la diferencia entre compresión con pérdida y sin pérdida, y los errores comunes al comprimir capturas de pantalla.
- Captura de antes y despuésCómo funcionan los pares de capturas de antes y después, dónde se usan y cómo crear comparaciones eficaces.
- Comparación de capturas de pantallaQué es la comparación de capturas de pantalla, cómo funciona la diferenciación visual y dónde la usan los equipos de QA.
- Plantilla de captura de pantallaQué es una plantilla de captura de pantalla, cómo los ajustes reutilizables ahorran tiempo y los errores comunes.