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

用户头像
上海/UI设计师/4年前/3935浏览
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
金色颗粒质地的平面
金色颗粒质地的平面
平面风格黄绿色系花朵装饰
平面插画情侣/矢量
城市园林平面布局航拍
平面花卉图案扁平简约无缝拼接插画
金色颗粒质地的平面
牛奶乳液层次梯田平铺平面
倒计时,海报,平面
玄关入门地毯印花图案红地毯
城市园林平面布局航拍
水蜜桃和李子的平面水果图案
平面书法字手写
古风平面仕女与瓷器
中国传统纹样创新图案设计
空的平台平面和自然景观
城市园林平面布局航拍
平面插画设计女孩喝咖啡
你可能喜欢
相关收藏夹
大家都在看
登录注册