V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
zcf0508
V2EX  ›  问与答

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

  •  
  •   zcf0508 · 2021-08-14 18:20:54 +08:00 via Android · 1368 次点击
    这是一个创建于 1221 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

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

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

    另外大致翻看了一下,似乎 Firefox 对色彩管理的支持会更好一些。
    zcf0508
        6
    zcf0508  
    OP
       2021-08-14 19:07:23 +08:00 via Android
    @VictorFrank1 图片都是相机直拍的尺寸,存 png 文件太大了
    luob
        7
    luob  
       2021-08-14 19:13:54 +08:00
    你确定不是导出 jpg 这步出了问题?建议用别的软件打开 jpg 和浏览器对比试试。我就记得设计师给的 jpg 用测色计测出来永远和他标注的差几个数字……
    maplerecall
        8
    maplerecall  
       2021-08-14 23:52:04 +08:00 via Android
    如果显示器已经是校准后的 srgb,那么请确保系统应用的色彩配置文件是默认的 srgb 或者校色软件生成的校色后配置文件,而不是显示器驱动默认的,另外 ps 记得检查 working spaces 的色彩配置设定,而不仅仅是文件本身的色彩配置
    dengshen
        9
    dengshen  
       2021-08-15 00:23:11 +08:00 via iPhone
    用 svg 行不行呢?
    zcf0508
        10
    zcf0508  
    OP
       2021-08-15 02:10:05 +08:00 via Android
    @maplerecall 都已经设置了
    zcf0508
        11
    zcf0508  
    OP
       2021-08-15 02:10:46 +08:00 via Android
    @luob 看图软件很多也都是不应用配置文件的,所以以 ps 为准
    zcf0508
        12
    zcf0508  
    OP
       2021-08-15 02:11:12 +08:00 via Android
    @dengshen 是照片
    b821025551b
        13
    b821025551b  
       2021-08-15 10:02:32 +08:00
    jpg 是无解的,即使文件 md5 一样,拿到不同电脑上取色都能取出来 N 种,想要高保真就得考虑高位 png,甚至是 bmp 。
    Lucoie
        14
    Lucoie  
       2021-08-15 17:54:18 +08:00
    无解 只能保证大部分人和自己现实的正常,我做的线上线下以及签名墙 双折页这些 都是会有色差 特别是打印的这种 对于颜色使用也有要求 线上的话 :品质选最好,优化关掉
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   5444 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 06:01 · PVG 14:01 · LAX 22:01 · JFK 01:01
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.