“.web常用图像文件格式、1,260 views
“设计师的主要工作之一就是创建各类图像,力求带给浏览者最大限度的视觉冲击。”然而,web的性能与美观有时候总是相互制约的,作为web设计师应该考虑到web开发时的一些制约。在计算机图形学领域,有上千种不同的图像格式,但能在web页面中使用的不多,最常用的有三种格式:GIF、JPEG和PNG。
理解文件格式
1,GIF
GIF是英文GraphicsInterchangeformat(图形交换格式)的缩写,它使用一种叫做LZW的无损压缩格式,适合带有大块相同颜色区域的图像。
GIF需要使用索引来实现无损压缩,色深只允许同一张图像中出现256种颜色。
GIF支持1位透明度,也就是说要么0要么1(不知具体是0为透明还是1为透明,有待考证),没有任何中间值。
GIF支持基于帧的简单动画以及隔行加载技术,但都增大了文件的大小。
2,JPEG
JPEG也是常见的一种图像格式,它由联合照片专家组(jointPhotographicExpertsGroup)开发并以命名为”ISO10918-1″,JPEG仅仅是一种俗称而已。它支持有损压缩且可以设置压缩等级(这个在photoshop里面,你保存一份JPEG图的时候就需要选择了)。
JPEG支持24位色深,即可以显示2的24次方种颜色。
JPEG不支持任何形式的透明度。
JPEG也能够和GIF一样实现隔行加载,被大多数浏览器所支持。
3,PNG
PNG是英文PortableNetworkGraphics的缩写。1994年底,由于Unysis公司宣布GIF拥有专利的压缩方法,要求开发GIF软件的作者须缴交一定费用,由此促使免费的png图像格式的诞生。1996年10月1日由PNG向国际网络联盟提出并得到推荐认可标准,并且大部分绘图软件和浏览器开始支持PNG图像浏览(讨厌的IE6不兼容),从此PNG图像格式生机焕发。
PNG支持2中色深模式:24位和8位。24位文件比较大,而8位使用了类似GIF的颜色索引,不过狠多时候比同样设置下的GIF要小。
PNG支持2种模式的透明度设置:1位和8位。前者和GIF行为一样,后者能够实现256级的透明度(这个相当好用)。
选择正确的格式
选择合适的图像文件格式,也就是说在透明度支持、色深以及压缩比率三者之间的取舍问题。在我们的web界面设计时,我个人觉得作为设计师也应该需要考虑到。
某个地方有大块相同的颜色,那么可以建议负责PSD2HTML人员将其切图保存为GIF图像;
某个地方的小图片需要有“层”的感念,那么可以建议保存为PNG格式;
某个地方是色彩丰富,起到声明主题,显眼等功能的,那么可以建议使用JPEG格式。
在透明度的问题上,由于IE6不兼容PNG透明图片,所以如果选择使用支持1位透明度的GIF时,有个前提是其透明上有显示的那个像素与背景最好是同个颜色系的。简单点的说,就是GIF透明要透得与背景相容。
声明: 本文采用署名-非商业性使用-相同方式共享协议进行授权. 转载请注明转自:PIZn
声明的左边线条何不相隔点距离