图片通用格式有哪些

常见的多媒体文件格式

多媒体技术从根本上改变了昔日基于字符的各种计算机处理，动感十足的图象、声音给计算机带来了无限生机。多媒体技术的核心就是使用计算机综合处理声音、文字、图象等多媒体信息，使得计算机更富有娱乐性、更趋人性化。

3.图（常见图像文件名后缀）

BMP(*.bmp)：一种位图（BitMap）文件格式，它是一组点（像素）组成的图像，Windows系统下的标准位图格式，使用很普遍。其结构简单，未经过压缩，一般图像文件会比较大。它最大的好处就是能被大多数软件“接受”，可称为通用格式。 常应用于Windows壁纸等方面。

GIF(*.gif)： 图形交换格式（ Graphics Interchage Format）（.GIF）：支持256色。分为静态GIF和动画GIF两种，支持透明背景图像，适用于多种操作系统，“体型”很小，网上很多小动画都是 GIF格式。其实GIF是将多幅图像保存为一个图像文件，从而形成动画,所以归根到底GIF仍然是图片文件格式。

JPEG(*.jpg,*.jpeg)：是应用最广泛的图片格式之一，它采用一种特殊的有损压缩算法，将不易被人眼察觉的图像颜色删除，从而达到较大的压缩比(可达到2:1甚至40:1)，但压缩后受损的图像无法还原。常用于网页中，现也是数码相机保存图像的首选格式。所以“身材娇小，容貌姣好”，特别受网络青睐。

PSD：图像处理软件“大哥大”Photoshop的专用图像格式，图像文件一般较大。

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

常见的音频文件格式

音频文件通常分为两类：声音文件和MIDI文件，声音文件指的是通过声音录入设备录制的原始声音，直接记录了真实声音的二进制采样数据，通常文件较大；而MIDI文件则是一种音乐演奏指令序列，相当于乐谱，由于不包含声音数据，其文件尺寸较小。

常见的图片格式有哪几种,各有哪些优点？

常见的图片格式有哪几种？分别有什么区别？

一、图片格式：光栅图片

1、BMP：Windows 位图

Windows 位图可以用任何颜色深度（从黑白到24 位颜色）存储单个光栅图像。Windows 位图文件格式与其他Microsoft Windows

程序兼容。它不支持文件压缩，也不适用于Web 页。从总体上看，Windows 位图文件格式的缺点超过了它的优点。为了保证照片图像的质量，请使用PNG 文件、JPEG 文件或TIFF 文件。BMP 文件适用于Windows 中的墙纸。

优点：*. BMP 支持 1 位到24 位颜色深度。*. BMP 格式与现有Windows 程序（尤其是较旧的程序）广泛兼容。

缺点：*.BMP 不支持压缩，这会造成文件非常大。*. BMP 文件不受Web 浏览器支持。

2、PCX：PC 画笔

“PC 画笔”图片（也被称为Z-Soft 位图）会以任何颜色深度存储单个光栅图像。画笔图片更广泛地用于较早的Windows 程序和基于MS-DOS 的程序。画笔图片与许多较新的程序兼容。PCX 图片支持“行程长度编码”(RLE) 内部压缩。

优点：*. PCX 在许多基于Windows 的程序和基于MS-DOS 的程序间是标准格式。*. PCX 支持内部压缩。

缺点：*. PCX 不受Web 浏览器支持。

3、PNG：可移植网络图形

PNG 图片以任何颜色深度存储单个光栅图像。PNG 是与平台无关的格式。

优点：*. PNG 支持高级别无损耗压缩。*. PNG 支持alpha 通道透明度。*. PNG 支持伽玛校正。*. PNG 支持交错。*. PNG 受最新的Web 浏览器支持。

缺点：较旧的浏览器和程序可能不支持PNG 文件。*.PNG 作为Internet 文件格式，与JPEG 的有损耗压缩相比，PNG 提供的压缩量较少。作为Internet 文件格式，PNG 对多图像文件或动画文件不提供任何支持。GIF 格式支持多图像文件和动画文件。

图片通用格式有哪些

在现代互联网时代，图片已成为我们日常生活中不可或缺的一部分。为了在不同设备和平台之间共享、展示和传输图片，通用的图片格式应运而生。本文将介绍几种常用的图片通用格式。

1. JPEG

JPEG（Joint Photographic Experts Group）是一种广泛应用的有损压缩图像格式。由于其良好的压缩率和支持的颜色范围，JPEG是广泛用于数字摄影、网页图像和图像传输的格式。尽管JPEG在压缩过程中会出现一些质量损失，但其优点在于可以通过调整压缩质量来平衡文件大小和图像质量。

2. PNG

PNG（Portable Network Graphics）是一种无损压缩的图片格式。与JPEG不同，PNG格式在压缩图像时不会丢失任何细节，因此保留了更高的图像质量。PNG适用于需要保留图像细节的应用场景，如设计图、图标和透明背景图片。

3. GIF

GIF（Graphics Interchange Format）是一种支持动画和透明背景的图片格式。尽管GIF的色彩深度相对较低（最多256种颜色），它在动画图像方面具有独特的优势。GIF也常用于呈现小型动画、表情包和简单的图形等。

4. WebP

WebP是由Google开发的一种新型图像格式，旨在更好地平衡图片质量和文件大小。WebP支持有损和无损压缩，并且通常比JPEG和PNG文件大小更小，同时保持相当的图像质量。然而，由于WebP是一种相对较新的格式，对其支持的设备和平台有一定的限制。

5. TIFF

TIFF（Tagged Image File Format）是一种无损的位图图像格式，被广泛用于印刷和出版业。TIFF支持高色彩深度和分辨率，并且可以存储图像的所有元数据。由于它的文件大小较大，TIFF往往用于印刷、档案和专业图像编辑工作中。

6. BMP

BMP（Bitmap）是一种未经压缩的位图图像格式。由于它的简单结构和无损特性，BMP通常用于Windows系统和图形编辑软件中。然而，BMP格式的文件大小较大，不适用于网络传输和存储。 7. SVG

前言

前端开发中经常和图片打交道，那么熟悉各种图片格式的应用场景以及优劣势对于我们尤为重要

图片类型

• 无损压缩：对文件的数据存储方式进行优化，采用某种算啊表示重复的数据信息，能在保证图片的质量的同时降低图片的尺寸，png是其中的代表，但尺寸相比原图减少不多。可以还原

• 有损压缩：在压缩的时候，去除了人眼无法识别的图片细节，图片质量会下降，图片尺寸能得到很大程度的压缩。不可还原

• 无压缩：不会对图片进行任何压缩处理，能够精准的呈现原图片，例如：BMP。开发中我们考虑到加载性能问题，几乎不会考虑这种图片

GIF图

优点

• Gif图采用LZW压缩算法进行编码，采用无损压缩，这意味着图片在压缩后质量不会受损。

• Gif图1987年提出的，距今发展了几十年了，兼容性好。

• 支持透明度，GIF允许图像中的像素具有不透明和透明属性，这使得它在创建带有透明背景的图像时非常有用。

• 支持动画，GIF支持简单的动画，可以用来创建循环播放的短动画，这在网页设计和用户界面方面非常有用。

缺点

• 只能存储8位颜色索引，色彩复杂、细节丰富的图片不适合。

使用场景

• 适合简单的动画或者图标，例如：Logo、Icon、动图。

• 上报埋点时采用1 * 1像素的透明Gif图。

o 避免跨域，用图片上报而不是采用fetch或ajax去上报，用Image的src不会存在跨域行为并且也会触发请求

o 兼容性好，所有浏览器都支持Image对象，即便浏览器不支持XMLHttpRequest(例如古董级的IE)，也能进行上报。相比与navigator.sendBeacon兼容性更好。

o 体积最小，1*1的透明PNG是67字节，而Gif只需要43个字节。同样的性能比PNG图片减少35%的流量。 o 支持透明，用Gif上报埋点最好是透明的，一是避免影响页面展示，而是可以不用存储颜色索引，减少图片大小。

o 避免请求取消，ajax请求过程中离开页面会导致请求中断，最终导致上报失败。然而Image的src不会中断。