在 Photoshop 里用 WebPShop 处理 WebP
WebP 的优势很直接:体积小,画质也还能保持住。问题在于 Photoshop 原生并不把它当一等公民,很多人最后还是得在 Photoshop、浏览器和转换工具之间来回折腾。WebPShop 的作用就是把这段路补上,让 Photoshop 能直接打开、编辑和导出 WebP。
环境适配:先把插件编出来
WebPShop 是开源项目,不同系统的编译方式也不一样。Windows 这边走 Visual Studio,macOS 这边走 Xcode,路径都算清楚,实际麻烦主要在版本和目录是否对得上。
Windows
- 克隆仓库:
git clone https://github.com/WebPShop/WebPShop - 进入
win目录 - 打开
WebPShop.sln - 选择
x64架构 - 编译生成插件
- 把产物复制到 Photoshop 的插件目录,通常是
Program Files\Adobe\Adobe Photoshop [版本]\Plug-ins\
macOS
- 克隆仓库后进入
mac目录 - 用 Xcode 打开
webpshop.xcodeproj - 选好编译目标和架构
- 编译生成插件
- 安装到系统插件目录,通常是
/Library/Application Support/Adobe/Plug-Ins/CC/
编译前得先装好开发工具链。Windows 需要 Visual Studio 2017 或更高版本,macOS 需要 Xcode 10 或更高版本。
WebPShop 能做什么
它不只是'能打开 WebP'这么简单,基本把常见的导入、导出和压缩控制都补齐了。
基础支持
- 通过'文件 > 打开'直接打开 WebP
- 通过'文件 > 另存为副本'保存为 WebP
- 支持静态 WebP 和动态 WebP 动画
- 保留图层结构和基础编辑能力
压缩控制
WebPShop 的参数不算花哨,但够用,关键是把质量、体积和元数据拆开了,让你不用靠感觉盲选。
| 参数类别 | 可用选项 | 应用场景 |
|---|---|---|
| 质量设置 | 0-100 滑块,含'无损'选项 | 平衡图像质量与文件大小 |
| 压缩模式 | 最快、最优、最小 | 速度与压缩率的权衡 |
| 元数据 | EXIF、ICC Profile、XMP | 保留关键图像信息 |
| 动画设置 | 帧时长控制、循环次数 | 创建 WebP 动画 |
动画
这部分比较实用。Photoshop 的图层可以直接拿来做 WebP 动画,省掉再转一遍序列帧的步骤。
- 图层自动转换为动画帧
- 图层名称可以控制帧时长,例如
Frame1 (1000 ms)表示显示 1 秒 - 支持预览
- 可控制循环次数和播放方向
WebP 动画本质上就是一组连续帧,支持透明背景和可变帧时长。和 GIF 比,文件通常会更小,但前提是你的素材本身适合这种编码方式。

