如何保证浏览器显示的图片颜色和 ps 里的一致

2021-08-14 18:20:54 +08:00
 zcf0508

由于行业原因，对图片要求较高，所以细微的偏差也需要处理，希望各位不要（啊，差这么点怎么看得出来啊）之类的。

前提：win 系统，专业显示器，已校色 100%srgb，已选好颜色配置，ps 的图片也是 srgb 标识，导出 jpg 也勾选了保存 srgb 配置文件

对比：将保存的图片传到线上，通过浏览器 img 标签载入，然后把图片下载之后在 ps 里打开，和 ps 里的图片做对比，重新下载的图片和上传的图片 md5 值一致

效果：浏览器显示图片颜色偏暗，饱和偏低，色调稍偏绿。

配图： https://i.loli.net/2021/08/14/OHmbfMtY7vy5WNR.png

1401 次点击
所在节点    问与答
14 条回复
also24
2021-08-14 18:25:20 +08:00
我觉得你可能需要去 chrome://flags/ 看一下 Force color profile 这个选项
sfqtsh
2021-08-14 18:27:12 +08:00
这问题复杂了，涉及面有操作系统、浏览器、显示器
zcf0508
2021-08-14 18:28:01 +08:00
@also24 是默认，默认会按什么颜色配置渲染呢，是需要强制 srgb 吗
VictorFrank1
2021-08-14 18:32:21 +08:00
试试 png 呢，我记着 jpg 压缩的比较多
also24
2021-08-14 18:32:35 +08:00
@zcf0508 #3
我对颜色管理方面很不熟悉，只是隐约记得 Chrome 在这方面做的不是很好，这个选项也是近两年才加入的。

另外大致翻看了一下，似乎 Firefox 对色彩管理的支持会更好一些。
zcf0508
2021-08-14 19:07:23 +08:00
@VictorFrank1 图片都是相机直拍的尺寸，存 png 文件太大了
luob
2021-08-14 19:13:54 +08:00
你确定不是导出 jpg 这步出了问题？建议用别的软件打开 jpg 和浏览器对比试试。我就记得设计师给的 jpg 用测色计测出来永远和他标注的差几个数字……
maplerecall
2021-08-14 23:52:04 +08:00
如果显示器已经是校准后的 srgb，那么请确保系统应用的色彩配置文件是默认的 srgb 或者校色软件生成的校色后配置文件，而不是显示器驱动默认的，另外 ps 记得检查 working spaces 的色彩配置设定，而不仅仅是文件本身的色彩配置
dengshen
2021-08-15 00:23:11 +08:00
用 svg 行不行呢？
zcf0508
2021-08-15 02:10:05 +08:00
@maplerecall 都已经设置了
zcf0508
2021-08-15 02:10:46 +08:00
@luob 看图软件很多也都是不应用配置文件的，所以以 ps 为准
zcf0508
2021-08-15 02:11:12 +08:00
@dengshen 是照片
b821025551b
2021-08-15 10:02:32 +08:00
jpg 是无解的，即使文件 md5 一样，拿到不同电脑上取色都能取出来 N 种，想要高保真就得考虑高位 png，甚至是 bmp 。
Lucoie
2021-08-15 17:54:18 +08:00
无解 只能保证大部分人和自己现实的正常，我做的线上线下以及签名墙 双折页这些 都是会有色差 特别是打印的这种 对于颜色使用也有要求 线上的话 ：品质选最好，优化关掉

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/795797

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX