WordPress网站图片格式WebP、PNG、JPG/JPEG

webp文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

与 PNG 和 JPEG 相比，WebP 是一种相对较新的图像格式，而且最大的不同点是支持动图。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

WebP 由 Google 创建，为互联网上的图像提供卓越的无损和有损压缩。这允许您创建较小的图像，有助于提高网站性能。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

从WordPress 5.8之后，引入了对webp格式的支持。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

几乎大家现在所使用的浏览器，包括 Google Chrome、Firefox、Safari、Edge 等，都支持 WebP 图像格式。许多图像编辑工具还支持 WebP，并允许您以此格式导出图像。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

WebP 也具有与 PNG 类似的功能，所以可以在 WebP 图像中实现与 PNG 相同的透明度。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

优点：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

• 同样画质的前提下，和png、jpg相比，文件格式小很多
• 从png、jpg转到webp时，可以设置压缩比
• 支持动画（类似gif）

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

不方便的点：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

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

png文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

可移植网络图形 (PNG) 是互联网上最流行的图像格式之一。它支持数百万种颜色，因此您可以获得清晰且美观的图片。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

使用 PNG 的主要优点是其无损压缩算法。图像被压缩时，不会丢失任何数据或质量。如果您需要较小的图像文件大小并希望保留图片中的精细细节，这使得 PNG 成为您的 WordPress 网站的绝佳格式。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

使用 PNG 的另一个好处是它支持透明背景。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

优缺点：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

• 无损压缩，由此也导致同样的画质，文件比jpg要大
• 可以透明背景
• 一般做logo用的比较多
• 色彩深度有限

jpg/jpeg文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

我在用电脑时，除了bmp格式，遇到的最多的就是jpg格式了，它创建于1986年，是很多设备的标准图像格式，也可能是使用最广泛的格式。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

jpg格式图片非常通用，而且能够创建色彩丰富的复杂图像，同时支持有损压缩，但是会损失画质。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

优缺点：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

• 支持所有的web色
• 通用性强
• 可以很方便的转换到其他格式
• 但是一般保存的时候会丢失一些细节，画质降低
• 不支持透明背景

案例：jpg转webp文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

下图的原图在我电脑是1080*1080px，这是我今天做的一张感恩节贺卡图，打算发给客人的。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

通过命令行工具转换成webp格式后，文件大小从964kb，只有了79.8kb，那么如果是这个图片在网站上，那是不是网页加载速度会快很多呢？文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

博主观点：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html

webp是Google引导的未来趋势，建议大家把它纳入考虑。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/cms/58196.html