本文目录
网页上的几种图片格式
总结下前端页面上可能碰见的图片格式，方便记忆和日后查询
在这种格式下，图片不会进行压缩，能准确地呈现原图片。 BMP格式 Bitmap（位图）的简写，无损格式、既支持索引色也支持直接色的、点阵图。这种图片格式几乎没有对数据进行压缩，所以BMP格式的图片通常具有较大的文件大小。所以在一般开发中不常见。
对比于无压缩格式，压缩格式的图片通过压缩算法对图片的所有的数据进行编码压缩，能在保证图片的质量的同时降低图片的体积。 同时也区分为 无损压缩 和 有损压缩 ，区别在于压缩的过程中是否丢失了图片信息。
GIF格式 优点：采用LZW压缩算法进行编码，文件体积小。有两种颜色模式，支持8bit（256种颜色）的索引色模式以及1600W色的直接颜色模式，从直接颜色模式转换到索引色模式会出现图片失真的情况 不适用于高色彩还原场景，同时只支持透明，不存在渐变透明 PNG格式 是一种无损压缩的位图片形格式，其设计目的是试图替代GIF和TIFF文件格式，同时增加一些GIF文件格式所不具备的特性。可以分为8位、24位、32位3种格式
SVG 是矢量图，由直线和曲线以及绘制它们的方法组成。当放大的时候不会出现像素点，不会出现失真，所以它非常适合用来绘制企业Logo、Icon等。
JPG/JPEG 最常用的图片存储格式，网上经常能看见，采用了直接色，得益于更丰富的色彩，JPEG 非常适合用来存储照片，用来表达更生动的图像效果，比如颜色渐变。十分适合照片、图片banner等需要优质图片的地方。 不支持动画，以及不适合存储Logo、线框、纯色类的图（压缩会导致图片模糊）。
•在无损压缩的情况下，相同质量的WebP图片，文件大小要比PNG小26%； •在有损压缩的情况下，具有相同图片精度的WebP图片，文件大小要比JPEG小25%~34%； •WebP图片格式支持图片透明度，一个无损压缩的WebP图片，如果要支持透明度只需要22%的格外文件大小。 不过目前兼容性一般
参考资料：
网页中常用的图像格式有哪几种
1、bmpBMP格式的图像，最常见的是网站注册页面或登录页面中的“验证码”，其实它一般就是网站程序自动生成的bmp格式小图片。BMP文件通常是不压缩的，所以它们通常比同一幅图像的压缩图像文件格式要大很多。例如，一个800×600的24位几乎占据1.4MB空间。因此它们通常不适合在因特网或者其他低速或者有容量限制的媒介上进行传输。2、pngPNG(PortableNetworkGraphic,可移植网络图形)开发于1995年。它是一种新的无显示质量损耗的文件格式，同时还可以避免出现GIF自身的一些缺点。PNG格式汲取了GIF和JPEG二者的优点，存储形式丰富，兼有GIF和JPEG的色彩模式。PNG格式还能把图像文件大小压缩到极限以利于网络的传输，却不失真。PNG采用无损压缩方式来减少文件的大小，在这方面与牺牲图像品质以换取高压缩率的JPEG格式相比有所不同。3、jpgJPEG（JointPhotographicExpertsGroup，直译为联合图像专家组）格式也是常用的网页文件格式。JPEG文件的扩展名.jpg或.jpeg。其压缩技术十分先进，使用有损压缩的方式去除冗余的图像和彩色数据，在获取极高压缩率的同时能展现十分丰富生动的图像，因此特别适合在网上发布照片。JPEG图形文件格式支持大约1670万种颜色，可以很好地再现摄影图像，尤其是色彩丰富的大自然照片。同时JPEG格式支持很高和压缩率，文件占用磁盘空间小。4、gif网页中最常用的图像格式是GIF(GraphicalInterchangeFormat，可交换的图像格式)。经过多次修改和扩充，其功能已经有了很大的改进。使用GIF格式的图像最多可以显示256种颜色。此格式的特点是图像文件占用磁盘空间小，支持透明背景，支持动画和交织下载。5、svgSVG格式可的英文全称为ScalableVectorGraphics（可缩放的矢量图片)。它是基于XML，由W3C联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有互交功能，并可以随时插入到HTML中通过浏览器来观看。参考资料来源：搜狗百科——bmp参考资料来源：搜狗百科——png参考资料来源：搜狗百科——jpeg参考资料来源：搜狗百科——gif参考资料来源：搜狗百科——svg
网站图片采用什么格式最好求答案
流量贵，网页加载速度也影响用户体验，网页太大，打开速度过慢，就会在第一障碍线上流失很大一部分用户，所以，我们在做网页设计的时候，要想方设法的提高代码优化。
特别对于电子商务网站来说，对图片大小要求就更加严格。
那么，网站中用哪种格式的图片最小呢？建议是png格式。
下面摘自百度知道：
Windows系统下的标准位图格式，使用很普遍。其结构简单，未经过压缩，一般图像文件会比较大。它最，大的好处就是能被大多数软件“接受”，可称为通用格式。JPEG：也是应用最广泛的图片格式之一，它采用一种特殊的有损压缩算法，将不易被人眼察觉的图像颜色删除，从而达到较大的压缩比（可达到2:1甚至40:1），所以“身材娇小，容貌姣好”，特别受网络青睐。
GIF：分为静态GIF和动画GIF两种，支持透明背景图像，适用于多种操作系统，“体型”很小，网上很多小动画都是GIF格式。其实GIF是将多幅图像保存为一个图像文件，从而形成动画,所以归根到底GIF仍然是图片文件格式。
PSD：图像处理软件“大哥大”Photoshop的专用图像格式，图像文件一般较大。
PCX：ZSOFT公司在开发图像处理软件Paintbrush时开发的一种格式，存储格式从1位到24位。它是经过压缩的格式，占用磁盘空间较少，并具有压缩及全彩色的优点。
PNG：与JPG格式类似,网页中有很多图片都是这种格式，压缩比高于GIF，支持图像透明，可以利用Alpha通道调节图像的透明度。
DXF：三维模型设计软件AutoCAD的专用格式，文件小，所绘制的图形尺寸、角度等数据十分准确，是建筑设计的首选。
CDR：著名的图形设计软件——CorelDRAW的专用格式，属于矢量图像，最大的优点“体重”很轻，便于再处理。
总的来说，有两种截然不同的图像格式类型：即有损压缩和无损压缩。
1．有损压缩
有损压缩可以减少图像在内存和磁盘中占用的空间，在屏幕上观看图像时，不会发现它对图像的外观产生太大的不利影响。因为人的眼睛对光线比较敏感，光线对景物的作用比颜色的作用更为重要，这就是有损压缩技术的基本依据。有损压缩的特点是保持颜色的逐渐变化，删除图像中颜色的突然变化。生物学中的大量实验证明，人类大脑会利用与附近最接近的颜色来填补所丢失的颜色。例如，对于蓝色天空背景上的一朵白云，有损压缩的方法就是删除图像中景物边缘的某些颜色部分。当在·屏幕上看这幅图时，大脑会利用在景物上看到的颜色填补所丢失的颜色部分。利用有损压缩技术，某些数据被有意地删除了，而被取消的数据也不再恢复。无可否认，利用有损压缩技术可以大大地压缩文件的数据，但是会影响图像质量。如果使用了有损压缩的图像仅在屏幕上显示，可能对图像质量影响不太大，至少对于人类眼睛的识别程度来说区别不大。可是，如果要把一幅经过有损压缩技术处理的图像用高分辨率打印机打印出来，那么图像质量就会有明显的受损痕迹。
2．无损压缩
无损压缩的基本原理是相同的颜色信息只需保存一次。压缩图像的软件首先会确定图像中哪些区域是相同的，哪些是不同的。包括了重复数据的图像(如蓝天)就可以被压缩，只有蓝天的起始点和终结点需要被记录下来。但是蓝色可能还会有不同的深浅，天空有时也可能被树木、山峰或其他的对象掩盖，这些就需要另外记录。从本质上看，无损压缩的方法可以删除一些重复数据，大大减少要在磁盘上保存的图像尺寸。但是，无损压缩的方法并不能减少图像的内存占用量，这是因为，当从磁盘上读取图像时，软件又会把丢失的像素用适当的颜色信息填充进来。如果要减少图像占用内存的容量，就必须使用有损压缩方法。无损压缩方法的优点是能够比较好地保存图像的质量，但是相对来说这种方法的压缩率比较低。但是，如果需要把图像用高分辨率的打印机打印出来，最好还是使用无损压缩几乎所有的图像文件都采用各自简化的格式名作为文件扩展名。从扩展名就可知道这幅图像是按什么格式存储的，应该用什么样的软件去读／写等等。
设计企业网页一般需要用到几种格式的图片
设计企业网页一般用到的图片格式有这几种：JPEG（联合图像专家组）企业网页设计分解JPEG文件格式是最常见的形式，是一种“有损”格式，这意味着大量的信息保存成JPEG格式时，从原来的丢失，这意味着它是一个伟大的格式在Web上使用，因为它能够广泛被压缩不影响图像太大，大图像，以便尽可能快地加载网页。GIF-最佳动画GIFGIF-最佳动画GIF（图形交换格式）是一种“无损”格式，保存时，没有任何信息丢失。这种格式是一种流行在网页上使用，屏幕上的图像的大小是相对较小，相比其他类型的图像压缩。PNG-最佳网站新的图像格式，PNG（便携式网络图形）是专门设计的网页。有些人认为它是GIF优越的版本，因为它更有效地节省256色，允许更平滑的梯度和创建更小的文件大小。TIFF-最佳摄影及印刷创建“桌面出版”TIFF（标签图像文件格式）文件是另一种可以是“有损”或“无损”凭借其灵活的格式，它很容易使用，出版和照片处理软件，这就是为什么它已成为非常受欢迎的图形设计，出版和摄影行业。
常用的网页图片格式有哪些其中表情包一般是什么格式
常用的网页图片格式有JPEG、GIF、PNG三种格式是最常见的，表情包一般是GIF格式。
1、JPEG
JPEG是联合图像专家组（Joint Photographic Experts Group)的缩写，是第一个国际图像压缩标准。它是目前网络上最流行的图像格式，文件扩展名为JPG或JPEG。
简单地说，JPEG格式通常是用来存储照片或者存储具有丰富色彩和色彩层次的图像。这种格式使用了有损压缩。也就是说，为了将图形压缩成更小的文件，图像质量有所破坏。JPEG压缩后可以保留基本的图像和颜色的层次，它在肉眼可以忍受的图像质量损失范围内。正是这个原因，JPEG格式不适合绘制线条、文本或颜色块等较为简单的图片。
2、GIF
GIF是图像文件交换格式（Graphics Interchange Format)的缩写，它是一种基于LZW算法的连续色调的无损压缩格式，在减少了文件大小的同时，保证了图片的可视质量。广泛用于网络，用来存储包含文本、直线和单块颜色的图像。
GIF格式使用了24位RGB颜色空间的256种不同颜色的调色板。它还支持动画，允许每一帧使用不同的256色调色板。颜色的限制使得GIF格式不适合高画质以及需要扩展颜色的图像，但是它适合简单的图像，例如具有特定颜色区域的图像或徽标。
3、PNG
PNG是可移植的网络图像（Portable Network Graphics )的缩写，它提供了可变透明度、细微修正和二维空间交错等特性，PNG网站将其描述为“一种强壮的图像格式”，并且是无损压缩，如果用于保存细节非常丰富的照片等图像，文件的体积通常都比较大。PNG格式适合保存包含文本、直线和单块颜色的图像，如网站logo和各种按钮。通常情况下，一张相同图像的PNG压缩大小与GIF压缩版本的大小相当。
其他图片格式
1、BMP(Windows Bitmap)
BMP格式使用的是索引色彩，它的图像具有极其丰富的色彩，可以使用16M色彩渲染图像。此格式一般用在多媒体演示和视频输出等情况下。
2、WBMP
WBMP是无线位图（Wireless Bitmap)的缩写，是一种移动计算机设备使用的标准图像格式，专门为无线通信设备设计的文件格式，支持1位颜色，即WBMP图像只包含黑色和白色像素，而且不能制作得过大，这样在wap手机里才能被正确显示，但最终并没有得到广泛应用。
3、WebP
WebP是由Google公司推出的一种同时兼容有损压缩和无损压缩的图片文件格式。WebP推出的初衷是为了改善JPEG的图片压缩技术，减少数据量、加速网络传输。与JPEG相比在质量相同的情况下，WebP格式图像的体积要比JPEG格式图像小40%。但美中不足的是，WebP格式图像的编码时间比JPEG格式图像长8倍。它可让网页图像有效进行压缩，同时又不影响图片格式兼容与实际清晰度，进而让整体网页下载速度加快。
4、TIFF(Tag Inage File Format)
TIFF格式是对色彩通道图像来说最有用的格式，支持24个通道，能存储多于4个通道。TIFF格式的结果要比其它格式更大、更复杂，它非常适合于印刷和输出。
