两个方块,标的都是#FFFFFF,同一个色值。放在普通显示器上,你看不出任何区别。
换一台HDR屏幕,打开一个支持的浏览器,其中一个突然亮得扎眼,比另一个白了差不多7.5倍。区别不在颜色本身,而在JPEG文件里多塞进去的一段隐形数据——这正是免费工具SoVeryBright在做的事:把Logo里的白,做成一种只有特定屏幕才看得见的"发光白"。
工具做了什么
流程不复杂。上传一个Logo(PNG、JPEG或WebP都行),选择哪些颜色需要发光。工具会自动选中白色和近白色区域,也可以手动指定别的颜色。
导出的还是一份JPEG,基础像素完全不变。但文件里额外写入了一段ISO 21496-1 gain map——一张灰度小图,告诉支持HDR的软件"这块区域最多能亮到多少"。
针对LinkedIn,工具还会另外用BT.2100 PQ编码加匹配的ICC配置直接写进像素。原因很实际:LinkedIn会保留这套信息,普通gain map在它那边未必生效。
效果由三个数字撑起来:选中区域最高比标准白亮7.5倍,相当于动态范围提升+2.9档,工具页面标注的实测峰值亮度约1500尼特。这是工具自报的上限值,不是所有HDR设备都能稳定复现的效果。
不兼容的地方,文件退回成一张普通JPEG,不会花屏,也不会报错。
亮给谁看,谁看不到
前提很苛刻:得同时具备HDR显示器,加上一个认得gain map或PQ配置的软件。
| 环境 | 是否支持 | 结果 |
|---|---|---|
| Chrome 137+ | 支持 | 最高7.5倍亮度 |
| Safari 26 / iOS 26 | 支持 | 最高7.5倍亮度 |
| 苹果Photos | 支持 | 最高7.5倍亮度 |
| LinkedIn App(用PQ+ICC方案) | 支持 | 最高7.5倍亮度 |
| 其他浏览器、办公软件、多数社交平台 | 不支持 | 剥离或归一化,退回普通JPEG |
大多数网页、社交客户端、办公软件都在右边这一栏。它们会直接剥离或归一化HDR信息,图片安安静静变回普通JPEG。
颜色也挑对象。深色背景上的白色、浅色Logo效果最好。深色元素被硬推高亮度,不会显得更亮,只会像一支褪了色的霓虹灯。
页面上还演示了一个前端小技巧:CSS Color HDR草案还没定型,没法直接写出比#fff更亮的颜色,但可以用background-clip: text把文字变成一扇窗口,透出底下那张写了gain map的HDR图。本质上还是在借图片的HDR信息,不是CSS本身多了新能力。
对设计师和前端开发者意味着什么
品牌设计师和社媒视觉创作者,可以拿它做Logo、大标题或关键视觉的局部提亮,别用在正文和小字上。深色Logo别硬套,先看清底色是不是够暗、够干净。
发布前一定留一份普通JPEG兜底——大多数观众看到的还是那份普通版本,发光效果只是加分项,不是主视觉。LinkedIn是目前效果最稳的社交平台,其他平台先别指望。
前端开发者更该盯的是浏览器和平台的gain map/PQ支持进度,而不是等CSS Color HDR草案。现在用CSS写"比白更白"还做不到,业内绕过去的办法都是靠图片自带HDR信息,不是靠样式表新增了能力。
亮度战争打得起来吗
这更像是把HDR从一个"显示规格",变成品牌视觉的竞争工具。历史上干过类似事的,是音乐行业的"响度战争"——CD时代的母带越做越响,只为了在收音机里比别人抢耳朵,代价是牺牲动态和音质。
但响度战争能打二十年,是因为几乎所有播放设备都会放大音量。HDR Logo现在打不起来,是因为观众根本没到齐:大多数人手上的手机、电脑、浏览器还读不懂这段隐形数据,写了也是白写。
工具自己在页面上留了一句"honest limits",这份坦诚比很多正式的产品发布还诚实:效果确实好看,生效范围却窄得很。
亮不亮不取决于logo,取决于观众的屏幕认不认字。
接下来值得盯的,不是有多少品牌开始用这个工具,而是Chrome、Safari之外,Android系统、Windows平台的主流浏览器什么时候把gain map/PQ支持补齐。在那之前,这更像一次面向HDR屏幕小圈子的视觉实验。
【锐评】亮度是新战场,但观众没到齐,再亮也是唱给空场的独角戏。