重要

以下为Next.js的avif测试页

HDR测试

搬运自AVIF测试 | 小黄灯

• 这是一个从 10000nit 到 400nit 的带15个圆点的渐变，其中最右侧的圆点应为1000nit

• 如果你什么都没看见，说明图片不被识别（类型0），或整张图片被当作比白更白的内容“过曝”了（类型2）

• 如果你看到最左边的圆点是和背景相同的白色（周围的渐变略有一点点灰），到最右边变更灰，那么表示此时你并没有看到HDR效果，HDR内容可能被当作SDR来处理了（类型1）

• 如果你看到最左边是很刺眼的、比背景更白的白色，那么起码你有了HDR效果

• 在有HDR的前提下，如果你看到渐变在中间处才开始向右逐渐变暗，那么说明你看到了约1000nit的峰值亮度，且超出的部分由于“顶不上去”而裁切（类型3）

• 在有HDR的前提下，你能看到所有圆点和整个渐变，说明此时你的环境将超级亮的内容（超过了4000nit）映射到了能正常显示的范围内（类型4）

• 在有HDR的前提下，你看到渐变消失的地方比较突然，那么可能此时的处理逻辑没有一个柔和的 rolloff，而是比较硬地切（Clip）掉了超过峰值亮度的区域（类型5）

• 如果你：
1. 缩放整个页面，改变了HDR内容的显示面积
2. 停留时间变长
3. 调整了设备的显示亮度，
渐变消失的地方在左右移动，说明你的设备
1. 正在动态调整峰值的亮度
2. Apple 带 EDR 的设备可以通过调整屏幕亮度来改变 Headroom 而产生此变化

AVIF

JPEG

HEIF