图像处理 jpg png gif svg

jpg 图像格式

  高压缩的，除了文字，线条外，用jpg 处理

 

GIF 图像格式

  高压缩的，动图

 

 PNG 图像格式

　　PNG是一种可携式网络图像格式。PNG一开始便结合GIF及JPG两家之长，打算一举取代这两种格式。1996年10月1日由PNG向国际网络联盟提出并获得推荐承认标准，而且大部分绘图软件和浏览器开始支持PNG图像浏览，今后PNG图像格式生机焕发。

　　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格式的文件要小不少，于是下载也很快。