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

[zcf0508]

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

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

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

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

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

[also24]

我觉得你可能需要去 chrome://flags/ 看一下 Force color profile 这个选项

[sfqtsh]

这问题复杂了，涉及面有操作系统、浏览器、显示器

[zcf0508]

@also24 是默认，默认会按什么颜色配置渲染呢，是需要强制 srgb 吗

[VictorFrank1]

试试 png 呢，我记着 jpg 压缩的比较多

[also24]

@zcf0508 #3
我对颜色管理方面很不熟悉，只是隐约记得 Chrome 在这方面做的不是很好，这个选项也是近两年才加入的。

另外大致翻看了一下，似乎 Firefox 对色彩管理的支持会更好一些。

[zcf0508]

@VictorFrank1 图片都是相机直拍的尺寸，存 png 文件太大了

[luob]

你确定不是导出 jpg 这步出了问题？建议用别的软件打开 jpg 和浏览器对比试试。我就记得设计师给的 jpg 用测色计测出来永远和他标注的差几个数字……

[maplerecall]

如果显示器已经是校准后的 srgb，那么请确保系统应用的色彩配置文件是默认的 srgb 或者校色软件生成的校色后配置文件，而不是显示器驱动默认的，另外 ps 记得检查 working spaces 的色彩配置设定，而不仅仅是文件本身的色彩配置

[dengshen]

用 svg 行不行呢？

[zcf0508]

@maplerecall 都已经设置了

[zcf0508]

@luob 看图软件很多也都是不应用配置文件的，所以以 ps 为准

[zcf0508]

@dengshen 是照片

[b821025551b]

jpg 是无解的，即使文件 md5 一样，拿到不同电脑上取色都能取出来 N 种，想要高保真就得考虑高位 png，甚至是 bmp 。

[Lucoie]

无解 只能保证大部分人和自己现实的正常，我做的线上线下以及签名墙 双折页这些 都是会有色差 特别是打印的这种 对于颜色使用也有要求 线上的话 ：品质选最好，优化关掉