当前位置:Home > Web Front > “.web常用图像文件格式、

“.web常用图像文件格式、1,260 views

      “设计师的主要工作之一就是创建各类图像,力求带给浏览者最大限度的视觉冲击。”然而,web的性能与美观有时候总是相互制约的,作为web设计师应该考虑到web开发时的一些制约。在计算机图形学领域,有上千种不同的图像格式,但能在web页面中使用的不多,最常用的有三种格式:GIF、JPEG和PNG。

理解文件格式

     1,GIF

      GIF是英文GraphicsInterchangeformat(图形交换格式)的缩写,它使用一种叫做LZW的无损压缩格式,适合带有大块相同颜色区域的图像。这是一张GIF格式的文件

      GIF需要使用索引来实现无损压缩,色深只允许同一张图像中出现256种颜色。

      GIF支持1位透明度,也就是说要么0要么1(不知具体是0为透明还是1为透明,有待考证),没有任何中间值。

      GIF支持基于帧的简单动画以及隔行加载技术,但都增大了文件的大小。

      2,JPEG这是一张jpeg格式的图片。

      JPEG也是常见的一种图像格式,它由联合照片专家组(jointPhotographicExpertsGroup)开发并以命名为”ISO10918-1″,JPEG仅仅是一种俗称而已。它支持有损压缩且可以设置压缩等级(这个在photoshop里面,你保存一份JPEG图的时候就需要选择了)。

      JPEG支持24位色深,即可以显示2的24次方种颜色。

      JPEG不支持任何形式的透明度。

      JPEG也能够和GIF一样实现隔行加载,被大多数浏览器所支持。

      3,PNG这是一张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

1 ResponseLeave a comment

  1. 声明的左边线条何不相隔点距离

Leave a Reply