网络图像格式第三者——PNG

eleboy
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正以它独有的特点丰富着网络世界。

 