常见网页图像格式

《常见网页图像格式》由会员分享，可在线阅读，更多相关《常见网页图像格式（3页珍藏版）》请在金锄头文库上搜索。

1、JPG/JPEGJPG/JPEGJPG/JPEG 格式是在目前 Internet 中很受欢迎的图像格式，JPEG 可支持多达 16M 颜色，它能展现十分丰富生动的图像，还能压缩。但压缩方式是以损失图 像质量为代价，压缩比越高图像质量损失越大，图像文件也就越小。流行的 Windows 支持的位图 BMP 格式的图像一般情况下，同一图像的 BMP 格式的大小 是 JPEG 格式的 5 至 10 倍。而 GIF 格式最多只能是 256 色，因此载入 256 色以 上图像的 JPEG 格式成了 Internet 中最受欢迎的图像格式。当网页中需要载入 一个较大的 GIF 或 JPEG 图像文件时，装载

2、速度会很慢。为改善网页的视觉效果， 可在载入时设置为隔行扫描。隔行扫描在显示图像开始看起来非常模糊，接着 细节逐渐添加上去直到图像完全显示出来。GIFGIF 格式格式的特点是压缩比高，磁盘空间占用较少，所以这种图像格式迅速得到 了广泛的应用。两种版本：GIF87a：只是简单地用来存储单幅静止图像。 GIF89a：可以同时存储若干幅静止图象进而形成连续的动画，使之成为支持 2D 动画的格式。可指定透明区域，使图像具有非同一般的显示效果，这更使 GIF 风光十足。目前 Internet 上大量采用的彩色动画文件多为这种格式的文件。像 素画。QQ 秀，QQ 空间等 N 多 QQ 的东西。 GIF 图

3、像格式还增加了渐显方式，也就是说，在图像传输过程中，用户可以先 看到图像的大致轮廓，然后随着传输 过程的继续而逐步看清图像中的细节部分， 从而适应了用户的“从朦胧到清楚“的观赏心理。GIF 图像格式还增加了渐显方式，也就是说，在图像传输过程中，用户可以先 看到图像的大致轮廓，然后随着传输 过程的继续而逐步看清图像中的细节部分， 从而适应了用户的“从朦胧到清楚“的观赏心理。由于 8 位存储格式的限制，使其不能存储超过 256 色的图像。最适合在图片颜色总数少于 256 色的使用。GIF 格式，文体体积小，而且清晰 度非常高。让 GIF 格式达到最佳显示效果的方法：如果色系较少，颜色少于 256，

4、调色板可以选择为“精确”。 不要选“失真”。 一般情况，调色板选择“最合适”，最大颜色数选择“256”。如果色彩稍多于 256 色，可将抖动设为“100%”。 为防止边缘出现锯齿，不需要透明的时候，尽量不透明。 一个小技巧： 如需将网页切片导出成 gif 格式的时候，如果色彩较丰富，不宜一起导出，而 应该将切片一个一个的导出。PNGPNG，是一种可携式网络图像格式。PNG 一开始便结合 GIF 及 JPG 两家之长，打算一举取代这两种格式。1996 年 10 月 1 日由 PNG 向国际网络联盟提出并得到推荐认可标准，并且大部分绘图软件 和浏览器开始支持 PNG 图像浏览，从此 PNG 图像格

5、式生机焕发。 IE 浏览器从 4.0 版本开始支持 png 图像浏览。特点 1：兼有 gif 和 jpg 的色彩模式。我们知道 gif 格式图像采用了 256 色以下的 index color 色彩模式，jpg 采用 的是 24 位真彩模式。png 不仅能储存 256 色以下的 index color 图像，还能储 存 24 位真彩图像，甚至能最高可储存至 48 位超强色彩图像。 特点：png 能把图像文件压缩到极限以利于网络传输，但又能保留所有与图 像品质有关的信息。如果你的图像是以文字、形状及线条为主，png 会用类似 gif 的压缩方法来得 到较好的压缩率，而且不破坏原始图像的任何细节。

6、据国际网络联盟测算，八 位的 png 图像比同位的 gif 图像就小 10%到 30%。而对于相片品质一类的压缩，png 则采用类似 jpg 的压缩演算法。但是 jpg 压 缩程度越大、影像的品质越差。因为它的压缩是采用的是破坏性压缩法、每次 压缩的同时便多多少少漏掉一些像素。 png 不同于 jpg 的地方在于：它处理相 片类图像亦是采用非破坏性压缩，图像压缩后能保持与压缩前图像质量一样， 没有一点失真。特点：更优化的传输显示。熟悉 gif 格式的图像处理者知道，gif 图像有两种模式normal（普通）模 式和 interlaced（交错）模式。interlaced 模式更适用于网络传输。

7、在传送图 像过程中，浏览者先看到图像一个大略的轮廓然后再慢慢清晰。png 也采取了 interlaced 模式，使图像得以水平及垂直方式显像在萤幕上，加快了下载的速 度。特点：支持图像透明显示。gif 格式虽然也支持透明显示，采用 gif 格式透明图像过于刻板，因为 gif 透 明图像只有 1 与 0 的透明信息、只有透明或不透明两种选择，没有层次；而 png 提供了 频段 0 至 255 的透明信息，可以使图像的透明区域出现深度不同 的层次。png 图像就可以让图像覆盖在任何背景上都看不到接缝，改善 gif 透明图像描 边不佳的问题。特点：兼容性较好。gif 图像在不同系统上所显示的画面也会

8、跟着不一样，但 png 却可以让你在 Macintosh 上制作的图像与在 Windows 上所显示的图像完全相同，反之亦然。 png 被设计成可以通过网络传送到任何机种及作业系统上读取。文字资料（如作者、出处）、储存遮罩（MASK）、伽玛值、色彩校正码等信息 均可参杂在 png 图像中一起传输。 几个发现：不透明和索引色透明的图片， png8 比 gif 更加具有优势。 Alpha 透明的图片，png8 比 gif 显示效果好，但文件更大。 png24 没有透明效果：包括索引色透明和 Alpha 透明。 不同的浏览器，显示效果不一样。 Firefox：支持 png8 的索引色透明度， png

9、8 和 png32 的 alpha 透明度。 IE：支持 png8 的索引色透明度，但不支持 png8 和 png32 的 alpha 透明度。(网 上有解决方法,Js,css 滤镜) 网页中使用的照片类图片，jpg 文件比 png24 要小很多。 不排除特殊情况SVGSVGSVG 可以算是目前最最火热的图像文件格式了，是种可缩放的矢量图形。它是 基于 XML，由 W3C 联盟进行开发的。严格来说应该是一种开放标准的矢量图形 语言，可让你设计激动人心的、高分辨率的 Web 图形页面。用户可以 直接用代码来描绘图像，可以用任何文字处理工具打开 SVG 图像，通 过改变部分代码来使图像具有交互功能，并可以随时插入到 HTML 中通过浏览器 来观看。 SVG 提供了目前网络流行格式 GIF 和 JPEG 无法具备了优势：可以任意放大图形 显示，但绝不会以牺牲图像质量为代价；文字在 SVG 图像中保留可编辑和可搜寻的状态；平均来讲，SVG 文件比 JPG 和 GIF 格式的文件要小很多，因而下载也很快。可以相信，SVG 的开发将会为 Web 提供新的图像标准。