展示HN:在HDR屏幕上让您的徽标额外明亮
上传徽标,选择哪些颜色应该发光,下载HDR JPEG。在HDR屏幕上,所选部分的亮度可达到#FFFFFF的7.5倍。其他地方则是完全正常的JPEG。在此处拖放徽标,或点击选择PNG、JPEG或WebP · 免费 · 不存储 ISO 21496-1增益图JPEG BT.2100 PQ,LinkedIn的基础像素保持不变,未存储 免费 两个相同的#FFFFFF方块。一个带有增益图。SDR白色亮度是屏幕正常显示的最高亮度,而HDR白色则是+2.9档,最高亮度为7.5倍 正在检查您的显示器和浏览器… 示例 原始艺术作品,通过此工具转换。拖动滑块;在能够的HDR显示中,右侧会发光。“使用此选项”将原件加载到上面的工具中。文字标志 白色字母在黑色上 — 经典案例。白色部分自动选择。发光:白色 轨道标记 一个白色环加上一种品牌颜色。白色和蓝色都被推到了同一个峰值。发光:白色 + #2f6bff 贴纸徽章 奶油色在深青色上 — 不是白色,所以作为一种颜色被选择。浅色元素在深色背景上发光最好。发光:#f5e9c8 它是如何工作的 您的JPEG保持为正常JPEG。对于网页,我们添加ISO 21496-1增益图——第二张微小的灰度图像,告诉HDR-aware软件每个像素可以发光多亮。对于LinkedIn,我们使用BT.2100 PQ写入像素,并匹配ICC配置文件,LinkedIn会保留。什么能最好发光 浅色或近白色的元素在深色背景上。强烈的(+2.9档,约1,500 nits)是测量的真实世界甜点。深色基本上不能发光——增强它们会被解读为漂白的霓虹灯。诚实的限制 HDR仅在尊重增益图或PQ配置文件的HDR显示器上显示(Chrome,Safari 26,Apple Photos,LinkedIn的应用)。大多数其他平台会去除或规范化它——文件在那里看起来仍然完全正常。也适用于文本 文本颜色可以比白色更亮。CSS没有办法写出比#FFFFFF更亮的颜色;当前CSS颜色HDR中的HDR颜色空间仍然是草稿。但您可以通过HDR图像绘制真实文本:background-clip: text将字形变成增益图JPEG的窗口。此页面顶部的标题就是这样——选择它,它是文本。比白色更亮的SDR文本颜色:#fff 比白色更亮的HDR文本 background-clip: text在色板上 正在检查您的显示器和浏览器… 适用的地方:在任何能呈现增益图JPEG的地方——Chrome 137+,Safari 26 / iOS 26——在HDR显示器上。否则色板的基本图像会透过,因此文本只是白色。没有东西会坏。色板是一个64×64的白色JPEG,带有均匀的增益图(7.5倍,+2.9档,约1,500 nits);浏览器将其缩放到字形下方。任何增强效果都有效:上传一个白色方块到上面的工具,选择一个强度。注意盒子:background-clip仅在元素的框内绘制墨水,因此溢出的线条会被裁剪。为狭窄的标题留出空间(我们的标题借用了一些网格间距)。仅适用于标题和强调。一个1,500 nits的段落是具有敌意的。添加::selection和@media print的后备。 为什么不使用filter: brightness()?页面是在SDR中合成的;没有任何滤镜或混合模式可以推动CSS颜色超出白色。只有HDR内容才能获得容余空间——这就是色板的目的。
本站免费、广告极少。如果觉得有帮助,可以请我们喝杯咖啡 —— 任何金额都对持续运营有实际帮助。
☕请我喝杯咖啡