JPG/JPEG
JPG/JPEG格式是在目前Internet中很受欢迎的图像格式,JPEG可支持多达16M颜,它能展现十分丰富生动的图像,还能压缩。但压缩方式是以损失图像质量为代价,压缩比越高图像质量损失越大,图像文件也就越小。流行的Windows支持的位图BMP格式的图像一般情况下,同一图像的BMP格式的大小是JPEG格式的5至10倍。而GIF格式最多只能是256,因此载入256以上图像的JPEG格式成了Internet中最受欢迎的图像格式。当网页中需要载入一个较大的GIF或JPEG图像文件时,装载速度会很慢。为改善网页的视觉效果,可在载入时设置为隔行扫描。隔行扫描在显示图像开始看起来非常模糊,接着细节逐渐添加上去直到图像完全显示出来。
GIF格式的特点是压缩比高,磁盘空间占用较少,所以这种图像格式迅速得到了广泛的应用。
两种版本:
GIF87a:只是简单地用来存储单幅静止图像。
GIF89a:可以同时存储若干幅静止图象进而形成连续的动画,使之成为支持 2D动画的格式。
可指定透明区域,使图像具有非同一般的显示效果,这更使GIF风光十足。目前Internet上大量采用的彩动画文件多为这种格式的文件。像素画。QQ秀,QQ空间等N多QQ的东西。
GIF图像格式还增加了渐显方式,也就是说,在图像传输过程中,用户可以先看到图像的大致轮廓,然后随着传输 过程的继续而逐步看清图像中的细节部分,从而适应了用户的"从朦胧到清楚"的观赏心理。
GIF图像格式还增加了渐显方式,也就是说,在图像传输过程中,用户可以先看到图像的大致轮廓,然后随着传输 过程的继续而逐步看清图像中的细节部分,从而适应了用户的"从朦胧到清楚"的观赏心理。
由于8位存储格式的限制,使其不能存储超过256的图像。
最适合在图片颜总数少于256的使用。GIF格式,文体体积小,而且清晰度非常高。
让GIF格式达到最佳显示效果的方法:
如果系较少,颜少于256,调板可以选择为“精确”。
不要选“失真”。
一般情况,调板选择“最合适”,最大颜数选择“256”。如果彩稍多于256,可将抖动设为“100%”。
为防止边缘出现锯齿,不需要透明的时候,尽量不透明。
一个小技巧:
如需将网页切片导出成gif格式的时候,如果彩较丰富,不宜一起导出,而应该将切片一个一个的导出。
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
SVG可以算是目前最最火热的图像文件格式了,是种可缩放的矢量图形。它是基于XML,由W3C联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言,可让你设计激动人心的、高分辨率的Web图形页面。
用户可以 直接用代码来描绘图像,可以用任何文字处理工具打开SVG图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器来观看。
SVG提供了目前网络流行格式GIF和JPEG无法具备了优势:可以任意放大图形显示,但绝不会以牺牲图像质量为代价;
文字在SVG图像中保留可编辑和可搜寻的状态;平均来讲,SVG文件比JPG和GIF格式的文件要小很多,因而下载也很快。
可以相信,SVG的开发将会为Web提供新的图像标准。