浏览器导致的图片不显示问题

实例点击下载

前几天碰到一怪事

客户上传了一些图片

居然有一半在浏览器(ie7,firefox2.0)里显示不出来

一开始我以为图片没有传上去或者是图片路径有问题

不过检查了半天结果是这2个都没有问题

没办法的情况下,从服务器上当下来,折腾了好久也没发现能显示的图片和不能显示的图片有什么区别

但是神奇的在于不能显示的图片只要通过画图板另存就可以显示了

后台经过多番查找

终于发现原来是图片的色彩模式导致了浏览器不兼容

 

至于什么是色彩模式

在photoshop,图像-->模式   -->  (...,rgb颜色,cmyk颜色,....)

 

在我实例里的不能显示的图片为cmyk的颜色模式

而常规的图片为rgb的颜色模式

而普通浏览器对cmyk的兼容性不好,所以显示不不出来(据说firefox3.0兼容这种模式)

而另存之后之所以能显示是因为画图板会自动的把图片以rgb的颜色模式存

 

 

 

RGB色彩模式


  概述

  RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。

  RGB色彩模式使用RGB模型为图像中每一个像素的RGB分量分配一个0~255范围内的强度值。例如:纯红色R值为255,G值为0,B值为0;灰色的R、G、B三个值相等(除了0和255);白色的R、G、B都为255;黑色的R、G、B都为0。RGB图像只使用三种颜色,就可以使它们按照不同的比例混合,在屏幕上重现16581375种颜色。

  在 RGB 模式下,每种 RGB 成分都可使用从 0(黑色)到 255(白色)的值。 例如,亮红色使用 R 值 246、G 值 20 和 B 值 50。 当所有三种成分值相等时,产生灰色阴影。 当所有成分的值均为 255 时,结果是纯白色;当该值为 0 时,结果是纯黑色。 

 

 

CMYK
开放分类: 减色CMYK模型

减色 (CMYK)
C. 青色(Cyan)  M. 洋红色(Magenta)  Y. 黄色(Yellow)  K. 黑色(blacK)

CMYK模型针对印刷媒介,即基于油墨的光吸收/反射特性,眼睛看到颜色实际上是物体吸收白光中特定频率的光而反射其余的光的颜色。
每种 CMYK 四色油墨可使用从 0 至 100% 的值。 为最亮颜色指定的印刷色油墨颜色百分比较低,而为较暗颜色指定的百分比较高。 例如,亮红色可能包含 2% 青色、93% 洋红、90% 黄色和 0% 黑色。

PS中拾色器-RGB(加色)与CMY(减色)是互补色,
RGB以黑色为底色加,即RGB均为0是黑色,均为255是白色
CMY以白色为底色减,即CMY均为0是白色,均为100%是黑色(但在实际中,由于油墨的纯度等问题这样得不到纯正的黑色,因此引入K)

 

 

posted @ 2008-08-07 01:20  小眼睛老鼠  阅读(1039)  评论(0编辑  收藏  举报