网页中常见的图像格式有那些？

Posted 2023-04-03

1、bmp

BMP格式的图像，最常见的是网站注册页面或登录页面中的“验证码”，其实它一般就是网站程序自动生成的bmp格式小图片。BMP文件通常是不压缩的，所以它们通常比同一幅图像的压缩图像文件格式要大很多。

例如，一个800×600的24位几乎占据1.4MB空间。因此它们通常不适合在因特网或者其他低速或者有容量限制的媒介上进行传输。

2、png

PNG(Portable Network Graphic,可移植网络图形)开发于1995年。它是一种新的无显示质量损耗的文件格式，同时还可以避免出现GIF自身的一些缺点。

PNG格式汲取了GIF和JPEG二者的优点，存储形式丰富，兼有GIF和JPEG的色彩模式。PNG格式还能把图像文件大小压缩到极限以利于网络的传输，却不失真。PNG采用无损压缩方式来减少文件的大小，在这方面与牺牲图像品质以换取高压缩率的JPEG格式相比有所不同。

3、jpg

JPEG（Joint Photographic Experts Group，直译为联合图像专家组）格式也是常用的网页文件格式。JPEG文件的扩展名.jpg或.jpeg。

其压缩技术十分先进，使用有损压缩的方式去除冗余的图像和彩色数据，在获取极高压缩率的同时能展现十分丰富生动的图像，因此特别适合在网上发布照片。

JPEG图形文件格式支持大约1670万种颜色，可以很好地再现摄影图像，尤其是色彩丰富的大自然照片。同时JPEG格式支持很高和压缩率，文件占用磁盘空间小。

4、gif

网页中最常用的图像格式是GIF(Graphical Interchange Format，可交换的图像格式)。经过多次修改和扩充，其功能已经有了很大的改进。

使用GIF格式的图像最多可以显示256种颜色。此格式的特点是图像文件占用磁盘空间小，支持透明背景，支持动画和交织下载。

5、svg

SVG格式可的英文全称为Scalable Vector Graphics（可缩放的矢量图片)。它是基于XML，由W3C联盟进行开发的。

严格来说应该是一种开放标准的矢量图形语言，可设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有互交功能，并可以随时插入到html中通过浏览器来观看。

参考资料来源：百度百科——bmp

参考资料来源：百度百科——png

参考资料来源：百度百科——jpeg

参考资料来源：百度百科——gif

参考资料来源：百度百科——svg

参考技术A 常用的图片格式有JPG、GIF、PNG。
1、jpg：jpg全名是JPEG。JPEG图片以 24 位颜色存储单个位图。JPEG 是与平台无关的格式，支持最高级别的压缩，不过，这种压缩是有损耗的。渐近式 JPEG 文件支持交错。
2、gif:GIF分为静态GIF和动画GIF两种，扩展名为.gif，是一种压缩位图格式，支持透明背景图像，适用于多种操作系统，“体型”很小，网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件，从而形成动画，最常见的就是通过一帧帧的动画串联起来的搞笑gif图，所以归根到底GIF仍然是图片文件格式。但GIF只能显示256色。和jpg格式一样，这是一种在网络上非常流行的图形文件格式。
3、png：PNG，图像文件存储格式，其设计目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。PNG的名称来源于“可移植网络图形格式(Portable Network Graphic Format，PNG)”，也有一个非官方解释“PNG's Not GIF”，是一种位图文件(bitmap file)存储格式，读作“ping”。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法，一般应用于JAVA程序、网页或S60程序中，原因是它压缩比高，生成文件体积小。 参考技术B 1、bmp
BMP格式的图像，最常见的是网站注册页面或登录页面中的“验证码”，其实它一般就是网站程序自动生成的bmp格式小图片。BMP文件通常是不压缩的，所以它们通常比同一幅图像的压缩图像文件格式要大很多。
例如，一个800×600的24位几乎占据1.4MB空间。因此它们通常不适合在因特网或者其他低速或者有容量限制的媒介上进行传输。
2、png
PNG(Portable
Network
Graphic,可移植网络图形)开发于1995年。它是一种新的无显示质量损耗的文件格式，同时还可以避免出现GIF自身的一些缺点。
PNG格式汲取了GIF和JPEG二者的优点，存储形式丰富，兼有GIF和JPEG的色彩模式。PNG格式还能把图像文件大小压缩到极限以利于网络的传输，却不失真。PNG采用无损压缩方式来减少文件的大小，在这方面与牺牲图像品质以换取高压缩率的JPEG格式相比有所不同。
3、jpg
JPEG（Joint
Photographic
Experts
Group，直译为联合图像专家组）格式也是常用的网页文件格式。JPEG文件的扩展名.jpg或.jpeg。
其压缩技术十分先进，使用有损压缩的方式去除冗余的图像和彩色数据，在获取极高压缩率的同时能展现十分丰富生动的图像，因此特别适合在网上发布照片。
JPEG图形文件格式支持大约1670万种颜色，可以很好地再现摄影图像，尤其是色彩丰富的大自然照片。同时JPEG格式支持很高和压缩率，文件占用磁盘空间小。
4、gif
网页中最常用的图像格式是GIF(Graphical
Interchange
Format，可交换的图像格式)。经过多次修改和扩充，其功能已经有了很大的改进。
使用GIF格式的图像最多可以显示256种颜色。此格式的特点是图像文件占用磁盘空间小，支持透明背景，支持动画和交织下载。
5、svg
SVG格式可的英文全称为Scalable
Vector
Graphics（可缩放的矢量图片)。它是基于XML，由W3C联盟进行开发的。
严格来说应该是一种开放标准的矢量图形语言，可设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有互交功能，并可以随时插入到HTML中通过浏览器来观看。
参考资料来源：搜狗百科——bmp
参考资料来源：搜狗百科——png
参考资料来源：搜狗百科——jpeg
参考资料来源：搜狗百科——gif
参考资料来源：搜狗百科——svg 参考技术C 因为网页图片要求要小 所以一般Jpg、Gif用的多 PNG也有用的 其他的都因为格式大就不常用本回答被提问者采纳 参考技术D GIF格式 GIF是英文GraphicsInterchangeformat（图形交换格式）的缩写。顾名思义，这种格式是用来交换图片的。事实上也是如此，上世纪80年代，美国一家著名的在线信息服务机构CompuServe针对当时网络传输带宽的限制，开发出了这种GIF图像格式。 GIF格式的特点是压缩比高，磁盘空间占用较少，所以这种图像格式迅速得到了广泛的应用。最初的GIF只是简单地用来存储单幅静止图像（称为GIF87a），后来随着技术发展，可以同时存储若干幅静止图象进而形成连续的动画，使之成为当时支持2D动画为数不多的格式之一（称为GIF89a），而在GIF89a图像中可指定透明区域，使图像具有非同一般的显示效果，这更使GIF风光十足。目前Internet上大量采用的彩色动画文件多为这种格式的文件，也称为GIF89a格式文件。 此外，考虑到网络传输中的实际情况，GIF图像格式还增加了渐显方式，也就是说，在图像传输过程中，用户可以先看到图像的大致轮廓，然后随着传输过程的继续而逐步看清图像中的细节部分，从而适应了用户的"从朦胧到清楚"的观赏心理。目前Internet上大量采用的彩色动画文件多为这种格式的文件。 但GIF有个小小的缺点，即不能存储超过256色的图像。尽管如此，这种格式仍在网络上大行其道应用，这和GIF图像文件短小、下载速度快、可用许多具有同样大小的图像文件组成动画等优势是分不开的。 JPEG格式 JPEG也是常见的一种图像格式，它由联合照片专家组（JointPhotographicExpertsGroup）开发并以命名为"ISO10918-1"，JPEG仅仅是一种俗称而已。 JPEG文件的扩展名为.jpg或.jpeg，其压缩技术十分先进，它用有损压缩方式去除冗余的图像和彩色数据，获取得极高的压缩率的同时能展现十分丰富生动的图像，换句话说，就是可以用最少的磁盘空间得到较好的图像质量。 同时JPEG还是一种很灵活的格式，具有调节图像质量的功能，允许你用不同的压缩比例对这种文件压缩，比如我们最高可以把1.37MB的BMP位图文件压缩至20.3KB。当然我们完全可以在图像质量和文件尺寸之间找到平衡点。 由于JPEG优异的品质和杰出的表现，它的应用也非常广泛，特别是在网络和光盘读物上，肯定都能找到它的影子。目前各类浏览器均支持JPEG这种图像格式，因为JPEG格式的文件尺寸较小，下载速度快，使得Web页有可能以较短的下载时间提供大量美观的图像，JPEG同时也就顺理成章地成为网络上最受欢迎的图像格式。 PNG格式 PNG（PortableNetworkGraphics）是一种新兴的网络图像格式。在1994年底，由于Unysis公司宣布GIF拥有专利的压缩方法，要求开发GIF软件的作者须缴交一定费用，由此促使免费的png图像格式的诞生。PNG一开始便结合GIF及JPG两家之长，打算一举取代这两种格式。1996年10月1日由PNG向国际网络联盟提出并得到推荐认可标准，并且大部分绘图软件和浏览器开始支持PNG图像浏览，从此PNG图像格式生机焕发。 PNG是目前保证最不失真的格式，它汲取了GIF和JPG二者的优点，存贮形式丰富，兼有GIF和JPG的色彩模式；它的另一个特点能把图像文件压缩到极限以利于网络传输，但又能保留所有与图像品质有关的信息，因为PNG是采用无损压缩方式来减少文件的大小，这一点与牺牲图像品质以换取高压缩率的JPG有所不同；它的第三个特点是显示速度很快，只需下载1/64的图像信息就可以显示出低分辨率的预览图像；第四，PNG同样支持透明图像的制作，透明图像在制作网页图像的时候很有用，我们可以把图象背景设为透明，用网页本身的颜色信息来代替设为透明的色彩，这样可让图像和网页背景很和谐地融合在一起。 PNG的缺点是不支持动画应用效果，如果在这方面能有所加强，简直就可以完全替代GIF和JPEG了。Macromedia公司的Fireworks软件的默认格式就是PNG。现在，越来越多的软件开始支持这一格式，而且在网络上也越来越流行。

常见图片格式详解---png

本篇简单梳理一下关于png格式图片的那些事。

一、简介

PNG图片是由很多个数据块组成的，每一个数据块代表不同的有关于图片的信息。除png头以外，每一个数据块都是按照数据长度+数据标识符+CRC校验码的结构来组织。如下图：

二、主要的PNG数据块

1. PNG图片的头信息用8个字节来唯一标识图像的类型。

“89 50 4E 47 00 DA 1A 0A” 为png文件的标识符

2 在头标识之后，紧跟着的是叫做IHDR的数据段，包含了图像的高度，宽度，位深等相关信息。

3 IDAT是PNG中主要的压缩数据信息，其大概结构如图：

4 在文件结束的时候，有文件结束的标志，同样按照数据段的组织格式组织，不过数据长度为0 。

三、主要数据块的位置要求

不同的数据块，在PNG文件存储组织的时候有一定的位置和要求的限制，看下图就了然了。

结语

当然，PNG还有其他的一些数据段，不过万变不离其踪，其组织方式依然是类似的，只是不同操作系统、工具或者平台产生的PNG图片的组织格式可能不完全一样。只要抓住了最关键的IHDR， IDAT以及文件的开头和结束标识符，其他依此类推。