PS——ps打开webp格式的图片

今天药忘吃喽~ 2024-04-03 14:03 86阅读 0赞

**目录**

**一、关于WebP**

**二、ps打开webp格式的图片**

**三、安装步骤**

**四、其他**

**4.1、快速打开webp的方式**

**4.2、分享**

**结尾**

--------------------

## **一、关于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位**的**】**
> 
> ![8ff15507d67e4349aefa26d4e1a2628a.png][]
> 
> **第三步：找到PS的插件文件夹**
> 
> 找到插件文件夹【例：D:\\Program Files\\PS\\Adobe Photoshop 2020\\Plug-ins】
> 
> **第四步：粘贴到该文件夹下** 
> 
> ![f852646abf744501a7b3a21f18ec2a79.png][]
> 
> **注意：如果你打开了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，不得不说是一个极具性价比的优...![favicon32.ico][]https://blog.csdn.net/sinat\_33255495/article/details/103871517][webp_-CSDN_webp_webp_webp_jpg_png_25_80_webp_1_4_..._favicon32.ico_https_blog.csdn.net_sinat_33255495_article_details_103871517]

> ## 结尾 ##
> 
> webp图片在网上十分常见！
> 
> 在做前端的时候，需要做一个网页背景或者其他效果的时候，总是无法拿来用，很烦恼！
> 
> **不过，现在有了应对方法：**
> 
> **1、Photoshop如何打开、编辑和导出Webp格式图片的方法**
> 
> **2、快速打开webp的方式**
> 
> **因此，在此记录，方便自己，也方便大家！**

[8ff15507d67e4349aefa26d4e1a2628a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/979ffe0b41bb4470814a0a4ff86f8b0d.png
[f852646abf744501a7b3a21f18ec2a79.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/fc6a21aeab374a52b0495fba3fdd67e6.png
[favicon32.ico]: https://g.csdnimg.cn/static/logo/favicon32.ico
[webp_-CSDN_webp_webp_webp_jpg_png_25_80_webp_1_4_..._favicon32.ico_https_blog.csdn.net_sinat_33255495_article_details_103871517]: https://blog.csdn.net/sinat_33255495/article/details/103871517