JPEG格式：也是应用最广泛的图片格式之一，它采用一种特殊的有损压缩算法，将不易被人眼察觉的图像颜色删除，从而达到较大的压缩比(可达到2:1甚至40:1)，因为JPEG格式的文件尺寸较小，下载速度快,所以是互联网上最广泛使用的格式!
注： jpg是jpeg的简称。

GIF(Graphics Interchange Format)

GIF格式：最大的特点是不仅可以是一张静止的图片,也可以是动画，并且支持透明背景图像，适用于多种操作系统，“体型”很小，网上很多小动画都是GIF格式。但是其色域不太广,只支持256种颜色。

PNG格式：与 JPG格式 类似,网页中有很多图片都是这种格式，压缩比高于GIF，支持图像透明，可以利用 Alpha通道 调节图像的透明度,是 网页三剑客 之一Fireworks的源文件。

BMP格式 : Windows系统 下的标准位图格式,未经过压缩，一般图像文件会比较大。在很多软件中被广泛应用。

SVG格式：它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。

它提供了目前网络流行的GIF和 JPEG格式 无法具备的优势：可以任意放大图形显示，但绝不会以牺牲图像质量为代价；可在SVG图像中保留可编辑和可搜寻的状态；平均来讲，SVG文件比JPEG和GIF格式的文件要小很多，因而下载也很快。可以相信，SVG的开发将会为Web提供新的图像标准。

只有png和gif格式能保存透明信息。其中PNG的透明格式要好些，如果有渐变的透明效果都可以很好的保存下来。GIF格式的图片可以是透明的，不过没有透明效果的。相对图片质量要比PNG差，不过占用的KB大小是比较小的。

作者：AmazingMax
链接：https://www.jianshu.com/p/6e1941de7952
來源：简书
简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。

做了这么久前端，图片格式的区别你知道吗？腾讯视频面试问的原题哦JPEGJPEG格式：也是应用最广泛的图片格式之一，它采用一种特殊的有损压缩算法，将不易被人眼察觉的图像颜色删除，从而达到较大的压缩比(可达到2:1甚至40:1)，因为JPEG格式的文件尺寸较小，下载速度快,所以是互联网上最广泛使用的格式!注： jpg是jpeg的简称。GIF(Graphics Interchange ... 位图：点阵图（像素图），由电脑上屏幕上的发光（像素）的构成，如 jpg . png , gif 等 矢量图：向量图，由一系列计算机指令来描述和记录一幅画，因为生成的矢量图文件存储量很小，适合文字设计和图案设计等,如 svg 等 无损压缩:对文件本身的压缩，使图片占用的存储空间变小，并且不会损坏图片的质量，如 png 等； 有损压缩：对图像本身的改变，会对图片质量造成损害，随着压缩次数越来越多，图片质量会越来越差，如 jpg 等；如果要减少图像占用内存的容量，就必须使用有损压缩方法,(删除人类不敏感的 SVG 是可缩放矢量图形。它非常实用，适用于除照片之外的任何类型的图像。这就是设计师更频繁地使用它的原因。 SVG 是一种无损格式。这意味着它在压缩时不会丢失任何数据，呈现不同的颜色。最常用于网络上的图形和LOGO以及将在视网膜或其他高分辨率屏幕上查看的项目。 SVG 的优点 矢量格式可呈现任何大小而不降低其质量 能够在代码或文本编辑器中创建简单的 SVG 渲染 从Adobe Illustrator或Sketch设计可导出复杂图形或者是草图 可以访问 SVG 文本 SVG 很容易设计风格和脚本 const inputFilePath = path.join(__dirname, 'input.webp'); const outputFilePath = path.join(__dirname, 'output. png '); // 使用 Jimp 将 webp 格式的图片转换为 png 或 jpg 格式 Jimp.read(inputFilePath) .then(image => { image.write(outputFilePath); console.log(`Image ${inputFilePath} converted to ${outputFilePath}`); .catch(err => { console.error(err); 这个示例中，我们首先指定了输入的 webp 图片路径和输出的 png 或 jpg 图片路径，然后使用 Jimp 库的 `Jimp.read` 函数读取输入的 webp 图片，再使用 `image.write` 函数将图片保存为输出的 png 或 jpg 图片。 需要注意的是，使用 Jimp 库需要先安装相关依赖，可以通过以下命令安装： ```bash npm install jimp 另外，Jimp 支持的 图片格式 包括 png 、jpeg、bmp、tiff、 gif 、webp、 svg 等，如果需要将 webp 转换为其他格式的图片，只需要将输出的文件路径后缀改为对应的格式即可。 各种HTTP返回错误代码大全 HTTP 403 Forbidden / 404 Not Found / 500 Internal Server Error / 502 Bad Gateway / 50