Qué te ayuda a comprobar esta herramienta

Test de Capacidad de Pantalla HDR

Detecta si tu monitor o pantalla de móvil soporta HDR (Alto Rango Dinámico). Compara visualmente SDR vs HDR y verifica el brillo y la profundidad de color.

test HDR monitor colorimetría brillo de pantalla gama amplia
Privacidad

Evita permisos no relacionados y se ejecuta en tu navegador con las API disponibles en este dispositivo.

Plataformas compatibles

Funciona mejor en las versiones actuales de Chrome, Edge, Safari y Firefox. La compatibilidad depende de CSS media queries and display capability APIs, HTTPS, el hardware disponible y la política del navegador.

Comparación Visual
Tip: Pon pantalla completa y brillo máximo. El cuadro HDR debe brillar mucho más que el Blanco SDR.
Negro (0)
rgb(0 0 0)
Blanco SDR (1.0)
rgb(255 255 255)
Escala SDR
Escala HDR (CSS Color 4)
Nota: Requiere monitor HDR y soporte de SO activado.
Video Local (Prueba tu archivo HDR)
Carga un video grabado con iPhone (Dolby Vision). Si se ve grisáceo, no funciona el HDR.
Resolución
-
Duración
-
Tip
Usa pantalla completa.
Capacidades del Navegador
Conclusión:Probable solo SDR
dynamic-range: high
Incógnita
color-gamut: rec2020
Incógnita
color-gamut: p3
Incógnita
CSS color(display-p3)
Incógnita
CSS color(rec2020)
Incógnita
CSS rec2020 > 1(HDR)
Incógnita
Recordatorio: Windows/Mac requiere activar HDR en configuración de pantalla.
Detección de decodificación HDR
'Soporta' significa que puede leer el archivo, no necesariamente que lo muestre en HDR.
FormatoSoportaFluidoEficiente
SDR: H.264 (Estándar)---
HDR10: HEVC Main10 (4K)---
HLG: HEVC---
HDR: VP9 Profile 2 (YouTube)---
HDR: AV1---
Eficiente = Usa hardware.

Cómo comprobar si HDR funciona

Primero mire "rango dinámico: alto" y "gama de colores: rec2020" en el lado derecho: ambos son "sí" al mismo tiempo, lo que lo hace más como un enlace de salida HDR.
Mire "CSS rec2020 > 1 (valor HDR)" nuevamente: si es "Sí", use el bloque de color resaltado (1.2/1.6/2.0) en la "Comparación visual" superior para comparar con el blanco SDR. El HDR normal será "más brillante" y tendrá más "impacto de resaltado".
Incluso si el "Soporte de decodificación" muestra que es compatible con HDR10/HLG, el sistema/navegador puede convertirlo a reproducción SDR (un fenómeno común es que la imagen general es gris y las luces no son brillantes). Asegúrate de utilizar el material HDR que tomaste/descargaste para confirmar.
Los monitores externos/proyección de pantalla/modo de ahorro de energía/modo de protección ocular/visión nocturna a menudo desencadenan la degradación del SDR; Se recomienda utilizar primero la pantalla incorporada, desactivar la visualización nocturna, aumentar el brillo y pasar a pantalla completa antes de observar.

Guía de Test HDR

Detección de capacidades y comparación visual.

Paso 1

Verificar capacidad

Aprox. 10 seg
Observe resultados como "rango dinámico: alto" y "gama de colores: rec2020" a la derecha
Si rango dinámico: alto es No, básicamente se puede procesar como SDR (a menos que el navegador/sistema no exponga esta capacidad)
Si rec2020/p3 es afirmativo, significa que existe al menos la posibilidad de una salida con una amplia gama de colores
Paso 2

Comparación visual

Aprox. 20 seg
Haga clic en "Contraste de pantalla completa", aumente el brillo del sistema y desactive Vista nocturna/Protección ocular
Compare SDR White con “HDR Highlight (1.6/2.0)”: si casi no hay diferencia, la razón común es que se convirtió a SDR
Compare la escala de grises SDR: si las partes oscuras (cercanas al negro) se pueden separar en capas y si están "borrosas"
Paso 3

Video prueba real

Aprox. 30 seg
Sube un vídeo que confirmes que es HDR (por ejemplo, un clip grabado con "Video HDR" en tu teléfono móvil)
Observe después de la reproducción en pantalla completa: si las luces (luces/reflejos/cielo) son significativamente más brillantes y si los detalles aún se conservan en las áreas oscuras.
Si "todo es gris/las luces no son brillantes/el color es extraño", se debe principalmente a la conversión HDR→SDR o a problemas de gestión del color; puedes cambiar el navegador/cambiar la ruta del reproductor para verificar

Qué comprueba esta herramienta

Esta página comprueba si el navegador y el canal de visualización exponen señales útiles de capacidad similar a HDR y diferencias de contraste visibles.

sugerencias sobre la capacidad HDR del navegador

Busca señales de capacidad de visualización visibles en el navegador, como consultas de medios relevantes o comportamiento de representación.

resaltar la diferenciación

Le ayuda a ver si las áreas brillantes se separan claramente o se colapsan en una apariencia plana similar a la de un SDR.

visibilidad de sombras y contrastes

Hace que sea más fácil notar si los detalles más oscuros aún son visibles sin aplastarse.

pistas de profundidad de color

Útil para detectar bandas obvias o gradientes de apariencia limitada.

comportamiento de visualización en pantalla completa

Le permite comparar si la canalización de visualización cambia cuando la prueba se muestra en pantalla completa.

verificación de cordura visual del lado del usuario

Proporciona una impresión práctica a nivel de navegador antes de un trabajo de calibración de pantalla más profundo.

Lo que esta herramienta no puede confirmar

Esta es una verificación visual de preparación para HDR, no una medición calibrada del brillo del panel o la precisión del color.

no es un informe de calibración

No puede certificar el brillo máximo, los nits absolutos, la cobertura de gama o la precisión de EOTF.

El mapeo de tonos del sistema operativo afecta el resultado

Los cambios de HDR del sistema, el mapeo de tonos del navegador y los perfiles de visualización pueden cambiar lo que ves.

Las capturas de pantalla pueden ser engañosas.

Las imágenes capturadas a menudo aplanan HDR en SDR y no representan el resultado visual real.

El juicio visual es subjetivo.

La iluminación ambiental y tus propios ojos aún afectan la intensidad con la que aparecen las diferencias HDR.

Cómo se genera el resultado

El resultado se genera a partir de sugerencias de capacidad de visualización visibles en el navegador y de la representación local de patrones de prueba de color y contraste.

01

capacidad de visualización lectura

La página comprueba el navegador y la plataforma en busca de señales relevantes de capacidad de visualización.

02

representación de patrones

El contenido de luces, sombras y degradados se representa directamente en el navegador.

03

comparación de pantalla completa

Puede comparar si el navegador se comporta de manera diferente cuando el contenido se muestra en pantalla completa.

04

observación visual

Inspecciona si se ven mejoradas la separación de las luces, la suavidad del color y el contraste.

05

interpretación local

La página resume las señales visuales y del navegador en lugar de reclamar una certificación HDR calibrada.

Interpreta tus resultados

Utilice el resultado como una pista a nivel del navegador sobre la preparación para HDR, no como la última palabra sobre la calidad de la visualización.

Resultado HDR observadosignificado probable
No hay diferencia HDR visibleEs posible que la ruta de visualización todavía se esté ejecutando en SDR o que el navegador no esté exponiendo una canalización lista para HDR.
Los reflejos se ven descoloridosEl mapeo de tonos, la configuración de brillo o el manejo de la pantalla del navegador pueden limitar el contraste.
Bandas fuertes visiblesProfundidad de bits efectiva limitada, ruta SDR o restricciones de representación del navegador.
La pantalla completa se ve mejor que la ventanaEl sistema o el navegador pueden cambiar el comportamiento de visualización en el modo de pantalla completa.
Las luces y los degradados se ven claramente mejoradosEs probable que el navegador y la ruta de visualización expongan un comportamiento útil similar al HDR.

Navegadores compatibles y limitaciones conocidas

El comportamiento del navegador relacionado con HDR depende en gran medida de la canalización de visualización del sistema operativo, la compatibilidad del navegador y el monitor o dispositivo en sí.

navegadorexposición a pistas de capacidadsoporte de prueba visual HDRcomportamiento de pantalla completalimitaciones conocidas
CromoBueno en sistemas compatiblesbuenobuenoLa ruta HDR real depende en gran medida del sistema operativo y la configuración de la pantalla.
BordeBueno en configuraciones de Windows compatiblesbuenobuenoLos resultados varían según la configuración HDR de Windows y la ruta de la GPU.
FirefoxExposición del navegador más limitadaBásicoBásicoEl comportamiento web relacionado con HDR es menos consistente que en Chromium.
safariDependiente de la plataformaBásico a buenobuenoEl comportamiento del canal de visualización de Apple puede diferir marcadamente según el dispositivo.
Safari en iOSDependiente del dispositivoBásicoBásico a buenoLas políticas de brillo y mapeo de tonos móviles pueden dominar el resultado.
androidcromoVaría según el hardware de AndroidBásico a buenoBásico a buenoLos modos de visualización del proveedor pueden cambiar el resultado percibido.

Casos de uso

Esta prueba es útil cuando desea tener una idea rápida a nivel del navegador de si las funciones de visualización relacionadas con HDR están lo suficientemente activas como para notarlas.

después de habilitar HDR en el sistema operativo

Compruebe si el navegador ahora muestra una separación de degradado y resaltado más clara.

antes de ver contenido tipo HDR

Verifique si la ruta de visualización del navegador parece lista para una mejor experiencia de rango dinámico.

al comparar navegadores

Vea si un navegador expone señales visuales HDR más convincentes que otro.

después de conectar un nuevo monitor

Confirme si la ruta de visualización externa cambia el resultado del navegador.

cuando una pantalla se ve plana

Utilice la prueba para decidir si es posible que el navegador todavía esté atrapado en una canalización estilo SDR.

Preguntas Frecuentes

Todo sobre HDR en navegadores.

1.

¿Puede esta página "medir el brillo máximo de la pantalla (nits)"?

no puedo. Los navegadores generalmente no pueden leer directamente el límite superior absoluto de brillo (nits) de la pantalla. Esta página proporciona una combinación de "detección de capacidad + comparación subjetiva": use rango dinámico/gama de colores/MediaCapabilities para determinar la posibilidad de soporte, y luego use el contraste de resaltado y la transmisión en vivo del material HDR para confirmar si realmente se emite en HDR.

2.

rango dinámico: alto = Sí, ¿tiene que ser HDR?

No necesariamente, pero es una señal fuerte. rango dinámico: alto refleja el juicio del navegador sobre la "capacidad de salida de alto rango dinámico"; El HDR real también se ve afectado por el interruptor HDR del sistema, el monitor externo, la gestión del color y la ruta del reproductor. Se recomienda realizar la "Comparación de bloques de color resaltados" y la "Confirmación en vivo de video HDR".

3.

La detección de decodificación muestra que se admite HDR10/HLG, pero la imagen parece SDR. ¿Por qué es esto?

Muy común. El soporte de decodificación solo significa "puede decodificar este tipo de flujo de código", no significa que la salida se mostrará en HDR. En muchos casos, los navegadores/sistemas realizarán un mapeo de tonos en el contenido HDR y lo convertirán a SDR (lo que muestra que el contenido general es gris y las luces no son brillantes). Asegúrese de que el sistema HDR esté activado, la vista nocturna/protección ocular esté desactivada e intente reproducirlo en pantalla completa en la pantalla incorporada antes de emitir un juicio.

4.

¿Por qué los resultados de HDR son diferentes en el mismo dispositivo y en diferentes navegadores?

Los diferentes navegadores tienen diferentes canalizaciones de HDR, gestión del color, estrategias de decodificación estricta e implementación de CSS Color 4/MediaCapabilities. Especialmente HEVC/HDR10 tiene mayores diferencias bajo diferentes licencias de sistema. Se recomienda comparar Chrome/Edge con Safari/Firefox al menos una vez (si está disponible).

5.

CSS rec2020 > 1 (valor HDR) muestra "no compatible", ¿qué significa?

Esto generalmente significa que el navegador no admite "valores de resaltado HDR superiores a 1" expresados ​​directamente en CSS, o que el enlace de salida actual no lo permite. Aun así, el dispositivo aún puede implementar HDR a través del "canal de reproducción de video" (como cuando se reproduce video HDR). Por lo tanto, esta capacidad está más sesgada hacia la "presentación de aspectos destacados HDR de páginas web" y no es equivalente a "vídeo HDR".

6.

¿Qué metraje debo utilizar para verificar los efectos HDR?

Se recomienda utilizar video HDR grabado con su teléfono móvil ("HDR Video/Dolby Vision" para iPhone/algunos Android), o probar imágenes que confirme que son HDR10/HLG. Cargarlo y reproducirlo como un archivo local y luego observar los detalles de luces y sombras es una de las formas más intuitivas y confiables.

7.

¿La proyección de monitor/pantalla externa afectará el juicio HDR?

reunión. Los monitores externos, las estaciones de acoplamiento, los protocolos de transmisión de pantalla y los modos "espejo/extendido" del sistema pueden provocar degradación del HDR o cambios en la gestión del color. Se recomienda realizar la prueba primero en la pantalla incorporada para realizar evaluaciones comparativas y luego probar el enlace externo para comparar.

Comentarios / reportar un error

Cuéntanos tu navegador, tu dispositivo y qué ocurrió.

¿Este resultado parece incorrecto?

Comentarios(0)

0
0