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

用户头像
上海/UI设计师/4年前/3942浏览
Photoshop如何打开、编辑和导出Webp格式图片的方法

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

一、什么是WebP


WebP(发音"weppy")是一种同时提供有损压缩与无损压缩的图文格式,扩展方法派生自影像编码格式VP8,被认为是WebM多媒体格式的姊妹项目,是由Google在购买On2 Technologies后发展出来,以BSD授权条款发布。


WebP是由谷歌于在2010年推出的,意图改变web图片JPG、PNG、GIF三分天下局势的一种图片格式。它不仅支持无损或有损压缩、alpha通道,还支持动画演示。目前,在当前网页浏览器当中,Google Chrome和Opera原生支持静态与动态的WebP格式,而Google Chrome自12版开始支持WebP的渐进式解码功能。除此之外,移动端Android4.0以上也支持webp格式图片。

二、痛点


目前很多网站网站广泛使用Webp格式的图片,主要是因为Webp格式体积更小,但是多数图片编辑软件不支持这种格式,比如使用频率最高的Photoshop是不支持Webp格式图片的编辑的。


幸运的是有一款PS插件可以补充Photoshop读取编辑和存储Webp格式图片。


三、Webp格式特点


体积比jpeg格式小,在网络上可以更快的传输读取,具不有损压缩与无损压缩的优点,同时还能像 PNG 格式一样有 Alpha 透明通道。

Adobe公司的Photoshop 还没有支持WebP格式,但是我们可以利用第三方插件(外挂),让Photoshop开启支持Webp的功能,这是个开源免费的个插件,可以在GitHub下载,Windows版本(32位和64位)和 Mac 版本皆有。文末有下载链接。


四、插件安装方法


Windows系统:打开Photoshop安装位置,找到Plug-ins文件夹。如果装在C盘,默认一般是 C:\Program Files\Adobe\Adobe Photoshop CC 2019\Plug-ins 路径;


复制对应版本(32位、64位)的 WebP.8bi 文件到Plug-ins文件夹即可

Mac系统:打开应用程序/Adobe Photoshop CC 2018/Plug-ins 路径,复制 WebP.8bi 文件到Plug-ins文件夹即可

将下载的Webp插件文件放入Plug-ins文件夹,如下图所示(webp.8bi)

安装就已经完成了,重新打开 Photoshop 即可打开、编辑、保存 webp 格式图片。


看一下保存图片的截图,保存类型里边已经有了webp格式选项:

选择存储格式后,会有Webp格式的存储选项,可以控制批片品质、元数据等选项。

⚠️注意:

1、安装完成后,bridge里边也会支持预览webp格式的图片。

2、如需要制作透明通道 webp 格式文件的话,注意保存时选择Alpha通道为“透明度”才行。


五、Webp插件下载


Github下载:mac版 | winodows版

阿里云盘下载:https://www.aliyundrive.com/s/uVNMBB2XYMa   提取码: m6b6 


15
举报
|
52
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
城市园林平面布局航拍
城市园林平面布局航拍
牛奶乳液层次梯田平铺平面
牛奶乳液层次平面平铺平面
倒计时,海报,平面
金色颗粒质地的平面
空的平台平面和自然景观
平面书法字手写
平面设计 吊牌设计
平面男孩喝咖啡插画设计
城阙凡花
玄关入门地毯印花图案红地毯
古风平面仕女与瓷器
金色颗粒质地的平面
海底世界插画
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
课程海报,平面素材
金色颗粒质地的平面
空的平台平面和自然景观
学习,优惠券,平面,海报
平面风格黄绿色系花朵装饰
中国传统纹样创新图案设计
水蜜桃和李子的平面水果图案
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面插画设计女孩喝咖啡
你可能喜欢
相关收藏夹
大家都在看
登录注册