WebP介绍
WebP是一种新的图片文件格式,由Google于2010年推出,目标是减小文件大小,但达到和JPEG格式相同的图片质量。传统基于JPEG或PNG图片格式的网页,其图片资源加载往往都占据了页面耗时的主要部分,在保证图片质量的前提下缩小图片体积,是WebP格式相较于其他图片格式的主要优势。
WebP格式相较于PNG格式的优点
- WebP具有更优的图像数据压缩算法,在拥有肉眼无法识别差异的图像质量前提下,带来更小的图片体积;
- WebP支持Alpha透明和24位颜色数,不存在PNG8色彩不够丰富和毛边问题;
- WebP比同等PNG格式缩小文件体积80%-90%,以此提高了页面载入速度,降低了存储需求,帮助加速网站图形效果。
WebP缺点
WebP格式图像的编码时间“比JPEG格式图像长8倍”。因此在相同条件下,采用WEBP格式生成栅格瓦片耗时相较其他格式长。
新版本Photoshop对WebP的原生支持
在Photoshop23.2 中,Photoshop全面支持 WebP 文件格式!WebP文件现在可以在Photoshop中打开、创建、编辑和保存,无需插件或首选项设置。
要打开WebP文件,只需选择并打开该文件,就像打开任何其他支持的文件或文档一样。除了开放功能,您现在还可以创建、编辑和保存WebP文件。完成文档编辑后,打开保存副本并从文件格式下拉菜单中提供的选项中选择WebP以保存WebP文件。当没有文件覆盖或数据丢失的风险时,WebP也可以在“另存为”下使用。
老版本Photoshop需插件支持(下载适用于Photoshop 23.1及以下版本的增效工具)
要直接从Photoshop 23.1及以下版本打开和保存WebP图片,只需下载并安装 WebPShop插件即可。您可以直接从拥有并维护WebP格式的Google下载WebPShop 插件(具有通用/ARM 支持)。此外,在Apache 2.0许可下,WebPShop在GitHub上可用。
下载WebPShop插件
直接下载链接:
Windows (x64):
https://github.com/webmproject/WebPShop/releases/download/v0.3.3/WebPShop_0_3_3_Win_x64.8bi
macOS(解压缩 ZIP):
https://github.com/webmproject/WebPShop/releases/download/v0.3.3/WebPShop_0_3_3_Mac_Universal.zip
安装WebPShop插件
1.下载的插件可以安装到以下位置:
共享Creative Cloud位置:将为所有已安装的 Photoshop 版本加载插件,而无需重新安装插件。
Windows:\Program Files\Common Files\Adobe\Plug-Ins\CC
macOS:/资源库/Application Support/Adobe/Plug-Ins/CC
2.运行 Photoshop。
隔离插件(仅限 macOS)
另外,在macOS 10.15及以上系统上,通过隔离插件可以绕过提示“无法打开WebPShop.plugin,因为无法验证开发者”。发生这种情况是因为插件未签名。最简单的隔离方法是将WebPShop插件从安装位置拖到终端窗口中,以获得正确的版本和路径。
要隔离,请在终端窗口(Finder > Applications > Utilities)中运行以下代码:
sudo xattr -r -d com.apple.quarantine /Library/Application\ Support/Adobe/Plug-Ins/CC/WebPShop.plugin
参考:https://helpx.adobe.com/hk_en/photoshop/kb/support-webp-image-format.html