[IT认证]Web 开发与技术设计10_2.ppt

Web开发与技术设计第十讲 Web上的图像（二） 济南大学网络中心 孙润元 nicstaff@ PNG格式 可移植网络图像文件格式（Portable Network Graphics，缩写为PNG，发音为“Ping”）是一种通用的全功能的图像文件格式。 1994年，Unisys公司(优利系统公司,美国大型计算机厂商之一)宣称要为它的LZW压缩专利对支持GIF的软件的开发者收取许可费。这在Internet上激起了轩然大波，同时也引发了一系列运动，人们开始寻找一种可以代替 GIF的格式。正是在这种情形下，1995年1月和 2月有人开发了 PNG格式文件。 PNG宣告数日后， Thomas Boutell在com.graphic新闻组上发布了第一个PNG规范的草案。接着，程序员社区迅速团结起来，规定和实现了一系列令人印象深刻的功能。 PNG图像的优点 支持8位调色板（和GIF一样）、16位灰度级，而且可达到48位真彩色（RGB）支持，即兼有gif和jpg的色彩模式。 我们知道gif格式图像采用了256色以下的“index color”色彩模式，jpg采用的是24位真彩模式。PNG不仅能储存256色以下的“index color”图像，还能储存24位真彩图像，甚至能最高可储存至48位超强色彩图像。 PNG图像的优点 具有无损压缩模式，与GIF相比它可以更好地对索引色（调色板）图形进行压缩。 PNG能把图像文件压缩到极限以利于网络传输，但又能保留所有与图像品质有关的信息的解决方案。如果图像是以文字、形状及线条为主，PNG会用类似gif的压缩方法来得到较好的压缩率，而且不破坏原始图像的任何细节。而对于相片品质一类的压缩，PNG则采用类似jpg的压缩演算法，它处理相片类图像亦是采用非破坏性压缩，不同的是图像压缩后能保持与压缩前图像质量一样，没有一点失真。 PNG图像的优点 更优化的传输显示，二维最大显示，比GIF的一维交错扫描更加复杂。 熟悉gif格式的图像处理者知道，gif图像有一种模式——“interlaced”（交错）模式，它更适用于网络传输。在传送图像过程中，浏览者先看到图像一个大略的轮廓然后再慢慢变清晰。PNG也采取了“interlaced”模式，使图像得以水平及垂直方式显像在荧幕上，加快了下载的速度。 PNG图像的优点 具有一个包含8位或者16位透明度信息的alpha通道，这意味着像素可以具有65000个透明度（不像GIF的“开”或“关”）；而8位（256个色调的透明度）则更为常见。 透明图像在制作网页图像的时候很有用，除此之外，这种方法还可最大范围地减少文件大小，增快传输速度。jpg格式无法实现图像透明，而采用gif格式透明图像则略显刻板，因为gif透明图像只有1与0的透明信息、只有透明或不透明两种选择，没有层次；而PNG提供了“α”频段0至255的透明信息，可以使图像的透明区域出现深度不同的层次；而且，PNG图像可以让图像覆盖在任何背景上都看不到接缝，改善了gif透明图像描边不佳的问题。 PNG图像的优点 可使PNG格式图形在任何平台上以期望的亮度显示gamma校正信息；具有若干种检查文件完整性和破坏程度的方法；文本存储的能力，用于关键信息如版权；非专利压缩，摆脱了许可限制。 gif图像在不同系统上所显示的画面也会跟着不一样，但PNG却可以让你在Macintosh上制作的图像与在Windows上所显示的图像完全相同，反之亦然。文字资料（如作者、出处）、储存遮罩（MASK）、伽玛值、色彩校正码等信息均可参杂在PNG图像中一起传输。 PNG图像的缺点 动画“gif89a”可以储存多张gif图案在同一个图档中，如此可以做出动画效果。PNG则因为PNG Group是一个“单张图片”的文件格式而不支持动画的应用。 因为PNG采用的是无损压缩方式，尽管相同图像质量的PNG图像文件比jpg图像文件小，但是jpg可以适当地牺牲画面品质而取得比PNG更小的文件尺寸。 PNG不支持CMYK的模式。CMYK色彩模式是应用于印刷出版社的图像色彩表示法，而PNG则是被界定为是一个专门用于跨平台网络传输的文件格式，这使得我们要将CMYK的图档转为PNG格式时，必须先将色彩模式转成RGB，否则便会发生色彩错乱的情况。 PNG的动画实现格式——MNG MNG是多重影像网络图像“Multiple－Image Network Graphics”的缩写。 （像Paint Shop Pro等绘图软件的最新版本已开始支持MNG。相信不久的将来MNG也同样能获得浏览器的支持。） MNG的特点： gif动画采用的是单纯迭加方式，动画是由一幅幅静止的gif图像集合而成。实际上动画中的这些图像都存在着相同部分，而g