一、关于WebP

WebP：是一种支持有损压缩和无损压缩的图片文件格式，派生自图像编码格式 VP8。

根据 Google 的测试：

无损压缩后的 WebP 比 PNG 文件少了 45％的文件大小，

即使这些 PNG 文件经过其他压缩工具压缩之后，

WebP 还是可以减少 28％的文件大小。

二、ps打开webp格式的图片

安装一个插件，即可使用ps打开webp格式的图片！

链接： https://pan.baidu.com/s/1H-IQq0hWs43BmFFY8Epmjg?pwd=deng
提取码：deng

注意：安装方法与说明都在压缩包里了！

三、安装步骤

第一步：下载好插件

第二步：根据电脑系统类型复制对应版本【一般系统都是64位的】

第三步：找到PS的插件文件夹

找到插件文件夹【例：D:\Program Files\PS\Adobe Photoshop 2020\Plug-ins】

第四步：粘贴到该文件夹下

注意：如果你打开了PS，需要重启PS

四、其他

4.1、快速打开webp的方式

直接将webp后缀更改为png即可！

4.2、分享

另外这里还有PS插件套装

链接：https://pan.baidu.com/s/1-g65Omm7jTKlMBStlgMJVg?pwd=deng
提取码：deng

附：前端使用webp图片

webp图片介绍及用法总结_代码搬运媛的博客-CSDN博客_webp一、什么是webp，它有什么用？webp是谷歌推出的一种图片格式，它的优点就是同等画面质量下，体积比jpg、png这些少了25%以上。大家都知道移动互联网时代，页面大小和用户留存息息相关，更快的加载页面才能让更多用户关注到你的内容，而图片一直都是页面体积的大头，拿我们的活动页面来说，图片占据了80%以上的页面大小。所以使用webp的话，可以瞬间让页面大小下降1/4，不得不说是一个极具性价比的优...https://blog.csdn.net/sinat_33255495/article/details/103871517

结尾

webp图片在网上十分常见！

在做前端的时候，需要做一个网页背景或者其他效果的时候，总是无法拿来用，很烦恼！

不过，现在有了应对方法：

1、Photoshop如何打开、编辑和导出Webp格式图片的方法

2、快速打开webp的方式

因此，在此记录，方便自己，也方便大家！