网络图像格式第三者——PNG

Author: eleboy Date: 2000年 第20期

  PNG作为一种新兴的网络图像开始引起人们注意。PNG是什么?PNG和传统的图像有什么区别?PNG能取代传统的图像吗?怎样转换PNG图像?下面我们就来探讨这些问题:
#1    一、PNG的定义:
  PNG是可携式网络图像Portable Network Graphics这三个单词第一个字母的的缩写。网虫都知道网页图像有gif格式和jpg格式两类,知道PNG图像格式的人并不多。这不奇怪,因为这个格式的图像最近才得到IE和NETSCAPE两大浏览器阵营的支持。我们可以看到在许多欧美网站上大量采用了PNG图像。
#1    二、PNG图像的优点:
  1.兼有gif和jpg的色彩模式。我们知道gif格式图像采用了256色以下的“index color”色彩模式,jpg采用的是24位真彩模式。PNG不仅能储存256色以下的“index color”图像,还能储存24位真彩图像,甚至能最高可储存至48位超强色彩图像。
  2.PNG能把图像文件压缩到极限以利于网络传输,但又能保留所有与图像品质有关的信息的解决方案。如果你的图像是以文字、形状及线条为主,PNG会用类似gif的压缩方法来得到较好的压缩率,而且不破坏原始图像的任何细节。而对于相片品质一类的压缩,PNG则采用类似jpg的压缩演算法,它处理相片类图像亦是采用非破坏性压缩,不同的是图像压缩后能保持与压缩前图像质量一样,没有一点失真。
  3.更优化的传输显示。熟悉gif格式的图像处理者知道,gif图像有一种模式——“interlaced”(交错)模式,它更适用于网络传输。在传送图像过程中,浏览者先看到图像一个大略的轮廓然后再慢慢变清晰。PNG也采取了“interlaced”模式,使图像得以水平及垂直方式显像在荧幕上,加快了下载的速度。
  4.透明图像在制作网页图像的时候很有用,除此之外,这种方法还可最大范围地减少文件大小,增快传输速度。jpg格式无法实现图像透明,而采用gif格式透明图像则略显刻板,因为gif透明图像只有1与0的透明信息、只有透明或不透明两种选择,没有层次;而PNG提供了“α”频段0至255的透明信息,可以使图像的透明区域出现深度不同的层次;而且,PNG图像可以让图像覆盖在任何背景上都看不到接缝,改善了gif透明图像描边不佳的问题。
  5.gif图像在不同系统上所显示的画面也会跟着不一样,但PNG却可以让你在Macintosh上制作的图像与在Windows上所显示的图像完全相同,反之亦然。文字资料(如作者、出处)、储存遮罩(MASK)、伽玛值、色彩校正码等信息均可参杂在PNG图像中一起传输。
#1    三、PNG图像的缺点:
  1.我们知道动画“gif89a”可以储存多张gif图案在同一个图档中,如此可以做出动画效果。PNG则因为PNG Group是一个“单张图片”的文件格式而不支持动画的应用。
  2.因为PNG采用的是无损压缩方式,尽管相同图像质量的PNG图像文件比jpg图像文件小,但是jpg可以适当地牺牲画面品质而取得比PNG更小的文件尺寸。
  3.PNG不支持CMYK的模式:
  CMYK色彩模式是应用于印刷出版社的图像色彩表示法,而PNG则是被界定为是一个专门用于跨平台网络传输的文件格式,这使得我们要将CMYK的图档转为PNG格式时,必须先将色彩模式转成RGB,否则便会发生色彩错乱的情况。
    其实制约PNG图像不能更广泛应用的主要因素是它无法制出动画效果,PNG图像格式开发人员已经意识到这一点并基于PNG图像开发出新的图像格式,既PNG的动画实现格式——MNG。
#1    四、什么是MNG?
  MNG是多重影像网络图像“Multiple-Image Network Graphics”的缩写。像Paint Shop Pro等绘图软件的最新版本已开始支持MNG。相信不久的将来MNG也同样能获得浏览器的支持。MNG有什么特点呢?让我们来看看:
  1.我们知道gif动画采用的是单纯迭加方式,动画是由一幅幅静止的gif图像集合而成。实际上动画中的这些图像都存在着相同部分,而gif格式在播放每一幅图像都要被完全读取。这样的结果造成gif文件过大,应用效率低。与此不同,MNG采用以对象为基础的动画。动画采用对象的移动、拷贝、粘贴来实现,从而减少了动画文件的尺寸。
  2.对于复杂的动画采用嵌套循环方式。
  3.使用比gif更优化的压缩方式。
  4.能够集合以PNG和jpg为基础的图像。
  5.支持透明的jpg格式。
#1    五、使用Fireworks转换PNG图像
  Fireworks与Dreamweaver、Flash被称为网页制作软件梦幻组合。在Fireworks中所处理图像的格式就是PNG格式。下面我们来看看使用Fireworks来进行PNG格式的转换步骤:
  运行Fireworks打开需要处理的图片。如果你想把整幅图片转换成PNG格式,可选择 “File”菜单下的“Export”或者按下“Ctr+Shift+R”键直接进入“输出预览”窗口进行格式转换。如果你想对图像进行分割以便使网络传输图片更为快捷,那么使用工具栏中的“Slice Tool”进行图形分割,被分割的部分将被绿色遮罩覆盖。与此同时我们可以看到弹出的object窗口:按^20020601a^1中所示居于右侧箭头所指的按钮,即可将所分割的、处于绿色范围的部分输出。然后会弹出输出预览(Export Preview)窗口出现,在窗口左上角的“Format”的下拉选择框内把图像格式选择为PNG,如^20020601b^2所示。在“Bit Depth”下拉选择框中选择位图的深度。在这里我们可以看到有以下三种色彩模式选择:
  1.Indexed(8Bit)代表与gif图形格式相同的8位indexed色彩模式
  2.Millions(24Bit)代表24位真彩的色彩模式,jpg格式图像的色彩模式最高能达到24位。
    3.Millions+Alpha(32Bit)代表32位超强色彩模式,不过在制作网页图形时最好不要使用这个模式,因为24位的色彩模式已经完全能够满足图形的清晰要求。
  我们以8位indexed色彩模式的输出为例,在“It Depth”下拉选择框内选择“Indexed”(8Bit)。在窗口左下角勾选“Interlaced”项图像采用交错方式以利于网络传输。
  你也可在右侧的下拉选择框中把透明格式调整为“Alpha Transparency“以表现更丰富透明层次。处理过gif格式图像的人都清楚吸管图标的含义。这个工具能去掉图像中的某些颜色。使用工具在图像中吸取所要消除的颜色,所清除颜色的区域会露出透明,如果我们要消除更多色彩使用右边带“+”的吸管工具,反之,如果我们要恢复所消除的颜色就使用最右边带“-”号的吸管工具。
  设置完毕后,即按下窗口右下部的Export按钮输出为PNG格式的图像。
  据笔者实践来看,一幅24位的PNG格式图像大小仅为相同画质的jpg格式图像的三分之一。各位可在“追梦”网站(网址:http://go.163.com/~seekfor)中的“原创园地”栏目中的首页看到PNG应用实例,在这个网页中原来图像是使用的gif图像,网页大小超过了30K。
  我后来把页面中的gif图像转换为相同画质的PNG图像,网页文件被“减肥”到了很小程度,大大加快了网页传输速度。
  综上所述,PNG正以它独有的特点丰富着网络世界。