WEB HDR / SAFARI FALLBACK TEST

HDR Text Lab

Safari가 CSS Rec.2100 PQ 색을 직접 지원하지 않는 경우, HDR AVIF 이미지를 글자 내부에 클리핑해서 실제 HDR 픽셀을 텍스트 형태로 출력할 수 있는지 실험합니다.

dynamic-range확인 중…
Display‑P3확인 중…
Rec.2100 PQ CSS확인 중…
HDR AVIF확인 중…
브라우저 기능을 확인하고 있습니다.
CONTROL
01 — SDR WHITE
42
CSS #fff · 비교 기준
02 — DISPLAY P3
42
광색역 색상 · HDR 휘도는 아님
03 — DIRECT PQ CSS
42
Safari에서 CSS 미지원이면 #fff로 폴백
RAW HDR IMAGE — 먼저 이 두 패치가 눈에 띄게 밝은지 확인

1000 nit PQ AVIF

2000 nit PQ AVIF

HDR IMAGE → TEXT MASK
SDR #FFF
42
일반 CSS 텍스트
1000 NIT AVIF MASK
42
HDR AVIF + background-clip:text
2000 NIT AVIF MASK
42
HDR AVIF + background-clip:text

특정 텍스트만 HDR 로 강조

판별법: 위의 RAW HDR 패치는 밝은데 마스크된 42/HDR만 평범하다면 WebKit의 text clipping 합성 단계에서 HDR headroom이 사라지는 것입니다. 둘 다 밝다면 이 방식으로 실제 UI의 특정 텍스트만 HDR 강조가 가능합니다. 둘 다 평범하면 HDR 이미지 출력 자체가 현재 Safari/기기 설정에서 제한된 상태입니다.