JPEG (Joint Photographic Experts Group)
TIFF (Tagged Image File Format)
PNG (Portable Network Graphics)
GIF (Graphics Interchange Format)
BMP (Bitmap)PSD (Photoshop Document)
SVG(Scalable Vector Graphics)
JEPG
最广泛的图片格式之一,兼容性高、传输速度快。它采用一种特殊的有损压缩算法,将不易被人眼察觉的图像颜色删除,从而达到较大的压缩比(可达到2:1甚至40:1),因为JPEG格式的文件尺寸较小,下载速度快,所以是互联网上最广泛使用的格式!包含
.jpeg
、.jpe
、jpg
.jfif
以及.jif
其中.jpg
最为流行
注: jpg是jpeg的简称。
特点:
- (1)高压缩率
- (2)无损压缩
- (3)渐进传输
- (4)感兴趣区域(Region of Interest)
- (5)颜色处理更优秀
- (6)图像处理简单
缺点:
有损耗压缩会使原始图片数据质量下降。当编辑和重新保存JPEG文件时,JPEG会降低原始图片的数据质量,这种质量下降是累积性的。JPEG不适用于所含颜色很少、具有大块颜色相近的区域,或亮度差异十分明显的、较简单的图片
压缩标准:
1.顺序式编码(Sequential Encoding)
一次将图像由左到右、由上到下顺序处理
2.递增式编码(Progressive Encoding)
当图像传输的时间较长时,可将图像分数次处理,以从模糊到清晰的方式来传送图像(效果类似GIF在网络上的传输)
3.无有损编码(Lossless Encoding)
4.阶梯式编码(Hierarchical Encoding)
TIFF
是一种灵活的位图格式,主要用来存储包括照片和艺术图在内的图像,最初由Aldus公司与微软公司一起为PostScript打印开发。TIFF与JPEG和PNG一起成为流行的高位彩色图像格式,扫描、传真、文字处理、光学字符识别和其它一些应用等都支持这种格式,以
.tif
为扩展名
特点1:应用广泛
特点2:可扩展性
特点3:格式复杂
缺点:
TIFF格式的缺点是其所占用的储存空间要明显大于JPEG和RAW格式图像,而且漏洞也比较多
PNG
便携式网络图形是一种无损压缩的位图片形格式,其设计目的是试图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。PNG使用从LZ77派生的无损数据压缩算法,一般应用于JAVA程序、网页或S60程序中,原因是它压缩比高,生成文件体积小。以
.png
结尾,用ps就能直接生成png格式的图片。png被称为可移植网络图像文件,png格式的图片显示效果极佳,在跨平台、压缩比、视觉效果和矢量图形等方面是所有文件中综合评价最高的,有着鲜活的图像格式,支持最大48位色深。png的压缩比高,能够生成高质量低内存的图形文件
特点1:体积小
网络通讯中因受带宽制约,在保证图片清晰、逼真的前提下,网页中不可能大范围的使用文件较大的bmp格式文件。
特点2:无损压缩
PNG文件采用LZ77算法的派生算法进行压缩,其结果是获得高的压缩比,不损失数据。它利用特殊的编码方法标记重复出现的数据,因而对图像的颜色没有影响,也不可能产生颜色的损失,这样就可以重复保存而不降低图像质量。
特点3:索引彩色模式
PNG-8格式与GIF图像类似,同样采用8位调色板将RGB彩色图像转换为索引彩色图像。图像中保存的不再是各个像素的彩色信息,而是从图像中挑选出来的具有代表性的颜色编号,每一编号对应一种颜色,图像的数据量也因此减少,这对彩色图像的传播非常有利。
特点4:更优化的网络传输显示
PNG图像在浏览器上采用流式浏览,即使经过交错处理的图像会在完全下载之前提供浏览者一个基本的图像内容,然后再逐渐清晰起来。它允许连续读出和写入图像数据,这个特性很适合于在通信过程中显示和生成图像。
特点5:支持透明效果
PNG可以为原图像定义256个透明层次,使得彩色图像的边缘能与任何背景平滑地融合,从而彻底地消除锯齿边缘。这种功能是GIF和JPEG没有的。
特点6:PNG同时还支持真彩和灰度级图像的Alpha通道透明度。
最高支持24位真彩色图像以及8位灰度图像。支持Alpha通道的透明/半透明特性。支持图像亮度的Gamma校准信息。支持存储附加文本信息,以保留图像名称、作者、版权、创作时间、注释等信息。
缺点
不支持动画应用效果,一般体积比同尺寸的90%压缩率的jpg要大很多(通常是5倍以上),但人眼很难识别其中的区别
GIF
可译为图形交换格式,用于以超文本标志语言(Hypertext Markup Language)方式显示索引彩色图像,在因特网和其他在线服务系统上得到广泛应用。GIF是一种公用的图像文件格式标准,让我们最熟悉的就是gif支持动图,我们很多的社交软件的表情包多为gif格式 已
.gif
结尾。GIF是一种位图。位图的大致原理是:图片由许多的象素组成,每一个象素都被指定了一种颜色,这些象素综合起来就构成了图片。GIF采用的是Lempel-Zev-Welch(LZW)压缩算法,最高支持256种颜色。由于这种特性,GIF比较适用于色彩较少的图片,比如卡通造型、公司标志等
特点:
(1)GIF格式图像文件的扩展名是“.gif”。
(2)对于灰度图像表现最佳。
(3)具有GIF87a和GIF89a两个版本。
(4)采用改进的LZW压缩算法处理图像数据。
(5)调色板数据有通用调色板和局部调色板之分,有不同的颜色取值。
(6)不支持24bit彩色模式,最多存储256色。
(7)支持动画和透明
缺点:
GIF 只支持 256 色调色板,因此,详细的图片和写实摄影图像会丢失颜色信息,而看起来却是经过调色的,GIF 支持有限的透明度,没有半透明效果或褪色效果
BMP
它是Windows操作系统中的标准图像文件格式,能够被多种Windows应用程序所支持。随着Windows操作系统的流行与丰富的Windows应用程序的开发,BMP位图格式理所当然地被广泛应用。这种格式的特点是包含的图像信息较丰富,几乎不进行压缩,但由此导致了它与生俱生来的缺点–占用磁盘空间过大。所以,目前BMP在单机上比较流行。
特点:
(1)体积比较大 比较老的一种格式 压缩的无损的
(2)包含的图像信息较丰富,几乎不压缩,占内存太大
缺点:
太大的文件格式格式导致它几乎没有用武之地,现在除了在Windows操作系统中还比较常见之外,几乎看不到它,单机用的比较多
SVG
可缩放矢量图形(Scalable Vector Graphics,SVG)是W3C推出的基于XML的二维矢量图形标准。SVG可以提供高质量的矢量图形渲染,同时由于支持JavaScript和文档对象模型,SVG图形通常具有强大的交互能力。另一方面,SVG作为W3C所推荐的基于XML的开放标准,能够与其他网络技术进行无缝集成。
特点:
(1)灵活性,使用起来也非常的便捷,可伸缩
(2)运行的过程中可以起到很好的互动作用,同时还能够形成良好的动画效果
(3)SVG的基础是纯文字格式的XML,这样一来也就直接的传承了XML自身的特点
(4)SVG可被非常多的工具读取和修改(比如记事本);
(5)SVG与JPEG和GIF图像比起来,尺寸更小,且可压缩性更强;
(6)SVG图像可在任何的分辨率下被高质量的打印;
(7)SVG图像中的文本是可选的,同时也是可搜索的(很适合制作地图)
(8)SVG可以与java技术一起运行;
(9) 超级颜色控制 SVG图像提供一个1 600万种颜色的调色板,支持ICC颜色描述文件标准、RGB、线X填充、渐变和蒙版。
(10)超强显示效果 SVG图像在屏幕上总是边缘清晰,它的清晰度适合任何屏幕分辨力和打印分辨力
缺点:
1)DOM比正常的图形慢,而且如果其结点多而杂,就更慢。
2)SVG画点报表什么的,还行;在网页游戏前,就束手无策了;当然可以结合Canvas+SVG实现。
3)不能动态的修改动画内容
4)不能与HTML内容集成
5)整个SVG作为一个动画
6)浏览器兼容性问题,IE8-以及Android2.3默认浏览器是不支持SVG。