如果你对这三种最常用的web图片格式还不是很清楚到底该用哪一种，那么我们今天就来聊聊，帮助你做一个简单的选择题。

webp

与 PNG 和 JPEG 相比，WebP 是一种相对较新的图像格式，而且最大的不同点是支持动图。 

WebP 由 Google 创建，为互联网上的图像提供卓越的无损和有损压缩。这允许您创建较小的图像，有助于提高网站性能。

从WordPress 5.8之后，引入了对webp格式的支持。

几乎大家现在所使用的浏览器，包括 Google Chrome、Firefox、Safari、Edge 等，都支持 WebP 图像格式。许多图像编辑工具还支持 WebP，并允许您以此格式导出图像。

WebP 也具有与 PNG 类似的功能，所以可以在 WebP 图像中实现与 PNG 相同的透明度。

优点：

•  同样画质的前提下，和png、jpg相比，文件格式小很多

•  从png、jpg转到webp时，可以设置压缩比

•  支持动画（类似gif）

不方便的点：

•  编辑器很少

•  格式转换比较麻烦（其实官方提供了命令行工具，一条命令就能搞定）

png

可移植网络图形 (PNG) 是互联网上最流行的图像格式之一。它支持数百万种颜色，因此您可以获得清晰且美观的图片。

使用 PNG 的主要优点是其无损压缩算法。图像被压缩时，不会丢失任何数据或质量。如果您需要较小的图像文件大小并希望保留图片中的精细细节，这使得 PNG 成为您的 WordPress 网站的绝佳格式。

使用 PNG 的另一个好处是它支持透明背景。

优缺点：

•  无损压缩，由此也导致同样的画质，文件比jpg要大

•  可以透明背景

•  一般做logo用的比较多

•  色彩深度有限

jpg/jpeg

我在用电脑时，除了bmp格式，遇到的最多的就是jpg格式了，它创建于1986年，是很多设备的标准图像格式，也可能是使用最广泛的格式。

jpg格式图片非常通用，而且能够创建色彩丰富的复杂图像，同时支持有损压缩，但是会损失画质。

优缺点：

•  支持所有的web色

•  通用性强

•  可以很方便的转换到其他格式

•  但是一般保存的时候会丢失一些细节，画质降低

•  不支持透明背景

案例：jpg转webp

下图的原图在我电脑是1080*1080px，这是我今天做的一张感恩节贺卡图，打算发给客人的。

通过命令行工具转换成webp格式后，文件大小从964kb，只有了79.8kb，那么如果是这个图片在网站上，那是不是网页加载速度会快很多呢？