PNG 图画格局

PNG是一种可携式网络图画格局。PNG一开始便结合GIF及JPG两家之长，打算一举替代这两种格局。

IE阅读器从4.0版别开始支撑png图画阅读。

特色1：兼有gif和jpg的颜色形式。

咱们知道gif格局图画采用了256色以下的index color颜色形式，jpg采用的是24位真彩形式。png不仅能储存256色以下的index color图画，还能储存24位真彩图画，甚至能最高可储存至48位超强颜色图画。

特色2：png能把图画文件紧缩到极限以利于网络传输，但又能保存一切与图画质量有关的信息。

假如你的图画是以文字、形状及线条为主，png会用相似gif的紧缩方法来得到较好的紧缩率，而且不破坏原始图画的任何细节。据世界网络联盟测算，八位的png图画比同位的gif图画就小10%到30%。

而关于相片质量一类的紧缩，png则采用相似jpg的紧缩演算法。但是jpg紧缩程度越大、印象的质量越差。由于它的紧缩是采用的是破坏性紧缩法、每次紧缩的同时便多多少少漏掉一些像素。 png不同于jpg的地方在于：它处理相片类图画亦是采用非破坏性紧缩，图画紧缩后能坚持与紧缩前图画质量相同，没有一点失真。

特色3：更优化的传输显现。

了解gif格局的图画处理者知道，gif图画有两种形式——normal(一般)形式和interlaced(交错)形式。interlaced形式更适用于网络传输。在传送图画过程中，阅读者先看到图画一个大概的轮廓然后再慢慢明晰。png也采取了interlaced形式，使图画得以水平及垂直方式显像在萤幕上，加快了下载的速度。

特色4：支撑图画通明显现。

gif格局尽管也支撑通明显现，采用gif格局通明图画过于刻板，由于gif通明图画只要1与0的通明信息、只要通明或不通明两种挑选，没有层次；而png提供了α频段0至255的通明信息，能够使图画的通明区域出现深度不同的层次。

png图画就能够让图画覆盖在任何布景上都看不到接缝，改善gif通明图画描边欠安的问题。

特色5：兼容性较好。

gif图画在不同系统上所显现的画面也会跟着不相同，但png却能够让你在Macintosh上制作的图画与在Windows上所显现的图画完全相同，反之亦然。

png被规划成能够经过网络传送到任何机种及作业系统上读取。

文字资料(如作者、出处)、储存遮罩(MASK)、伽玛值、颜色校正码等信息均可参杂在 png图画中一起传输。

几个发现：

　　 不通明和索引色通明的图片， png8比gif更加具有优势。 
Alpha通明的图片，png8比gif显现作用好，但文件更大。

png24没有通明作用：包括索引色通明和Alpha通明。

不同的阅读器，显现作用不相同。

Firefox：支撑png8的索引色通明度， png8 和png32的alpha通明度。

IE：支撑png8的索引色通明度，但不支撑png8和png32的alpha通明度。(可用Js＋css滤镜处理)

网页中运用的相片类图片，jpg文件一般比png24要小许多。但不排除特殊情况。

SVG 图画格局

SVG是种一种可缩放的矢量图形。它是基于XML，由W3C联盟进行开发的。严格来说应该是一种敞开标准的矢量图形语言，可让你规划激动人心的、高分辨率的Web图形页面。

用户能够直接用代码来描绘图画，能够用任何文字处理工具翻开SVG图画，经过改动部分代码来使图画具有交互功用，并能够随时插入到HTML中经过阅读器来观看。

SVG提供了现在网络流行格局GIF和JPEG无法具有了优势：能够任意放大图形显现，但绝不会以献身图画质量为代价；

文字在SVG图画中保存可编辑和可搜寻的状况；均匀来讲，SVG文件比JPG和GIF格局的文件要小许多，因而下载也很快。