一个关于“不同系统间浏览器渲染颜色不同“的问题。。。

2013-09-16 22:23:12 +08:00
 chairuosen
最近写的一个网页中出现了一个非常费解的问题。。
比如某个DIV background:#123456 url(bg.png) no-repeat;
bg.png的边缘也是#123456颜色。
在WIN系统Chrome中背景图与背景色交界处看不出不同,融合很好。
但是在自己MAC中的Chrome(包括safari)里能看到明显的颜色不同产生的交界线。
用PS给截屏吸色后发现这两种颜色是不同于#123456的另两种很接近的颜色。
实在想不明白是哪的问题,求教
3223 次点击
所在节点    问与答
4 条回复
fim8
2013-09-16 22:59:03 +08:00
颜色配置问题。
mac下的chrome只支持到icc 2.0
对比:http://www.color.org/version4html.xalter

这个问题我在air上看的很明显,chrome 明显比火狐的颜色要暗一层(色值渲染)。
在我换了pro后反倒 chrome 的颜色更鲜艳一些。
若是图片的话,如果保存为sRGB则无问题,部分其他情况下相同图片不同浏览器颜色显示也不同。

我给的建议是图片用sRGB存储,颜色就用该用的色值就好,无法照顾到所有情况。

希望有大牛能出更好地解决方案。
momou
2013-09-16 23:17:37 +08:00
截图来看看嘛,给个地址也行啊。。。
chairuosen
2013-09-16 23:25:50 +08:00
@fim8 这和所谓WEB安全色有关么?
@momou 截图比我的描述带来不了更多信息呀。。。网页文件暂时不在手里。。。你可以先做个实验看看。。
msg7086
2013-09-17 00:39:55 +08:00
我猜测是由于dpi的问题导致在resize的过程中产生了半个像素的颜色所导致的blending

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

https://www.v2ex.com/t/82704

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

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

© 2021 V2EX