企业官网建设流程全解析

Photoshop 打不开 .webp？装一个 WebPShop 插件就都解决了

【免费下载链接】WebPShopPhotoshop plug-in for opening and saving WebP images项目地址: https://gitcode.com/gh_mirrors/we/WebPShop

收到一堆 .webp 文件，Photoshop 却弹窗说打不开？辛辛苦苦改完的图，导出时翻遍格式列表也找不到 WebP 选项？先别急着把素材转成 PNG 绕路，有个开源插件叫WebPShop，专门给 Photoshop 补上这个缺口。它是一个标准的 Photoshop 格式插件，装上之后，打开、保存、甚至制作动画 WebP 都能在 PS 里直接完成。这个Photoshop WebP 插件到底怎么用，下面用我自己的实操记录讲给你听。

先花 10 秒做个自检，看看你要不要装 📋

不用读完文章再决定，先对着下面三条打个勾：

• □ 我经常收到 .webp 素材，Photoshop 打不开或者存不回去？
• □ 我需要导出动画 WebP，比如电商轮播、社交平台动图？
• □ 我希望保存之前就能看到压缩后的体积和画质？

三条里只要勾中两条，WebPShop 就值得装。勾中的越多，你越会体会到它比 Photoshop 自带的 WebP 功能好使——原生支持虽然从 23.2 版就上线了，但保存前没预览、动画做不了，正好是插件补上的位置。

3 分钟把插件装进 Photoshop，两条路各走一遍

先说个前提：WebPShop 目前版本是 0.4.3，官方已不再积极维护，但功能稳定，日常使用完全没问题。安装核心就一步：把插件文件放进 Photoshop 的插件目录，然后重启。

Windows 用户：下载WebPShop_0_4_3_Win_x64.8bi（注意选 x64 架构），复制到下面这个目录：

C:\Program Files\Common Files\Adobe\Plug-Ins\CC

macOS 用户：解压官方提供的通用版 ZIP 压缩包，得到WebPShop.plugin文件夹，整个放进：

/Library/Application Support/Adobe/Plug-Ins/CC

重启 Photoshop 后怎么确认装好了？打开菜单帮助 > 关于增效工具，列表里能看到 WebPShop 就说明被识别。如果没找到，多半是杀毒软件拦了插件或者路径不对——可以试试Plug-Ins\CC\File Formats子目录，注意全盘只放一份，避免插件互相冲突。

macOS 10.15 及以上系统可能弹"无法验证开发者"的提示，这是系统对未签名插件的常规拦截。打开终端跑一行命令解除隔离标记即可：

sudo xattr -r -d com.apple.quarantine /Library/Application\ Support/Adobe/Plug-Ins/CC/WebPShop.plugin

打开与导出的正确姿势，小心别选错"原生 WebP"

装好之后，打开 WebP 文件用文件 > 打开为…，导出用文件 > 存储副本。这两步和普通格式没区别，真正的坑在导出那一步。

Photoshop 23.2 之后自带了 WebP 原生支持，于是"存储副本"的类型下拉框里会出现两个长得差不多的选项：一个叫WebP (*.WEBP)，一个叫WebPShop (*.WEBP, *.WEBP)。记住，选带 WebPShop 的那个。选原生选项等于绕开了插件，预览、动画、元数据这些能力全部跳过，你刚装的插件就白装了。

质量滑块不用背数字，记住两条经验就够

WebPShop 最贴心的地方，是把 WebP 内部三种编码模式藏在了滑块后面。滑块 0-100 实际对应三段：0 到 97 是有损压缩（内部质量 0-100 线性对应），98 到 99 是近无损，100 才是真无损。

所以你根本不用记任何映射表，只需要两条经验：

1. 日常的照片和素材，滑块停在75 到 85之间最划算，体积和画质最平衡；
2. 遇到 Logo、图标、线稿这类要分毫不差的图，直接推到顶（100）。

为什么不干脆做成三个按钮？因为有些图片用无损反而比有损文件更小，线性映射会误导人，做成渐变滑块反而更符合直觉。

滑块旁边还有三档压缩程度单选：Fastest、Default、Slowest。你可以把它想成请不同级别的师傅打包行李——快的师傅手忙脚乱但效率高，适合批量出预览；慢的师傅把每件衣服都叠整齐、塞得最满，适合正式交付。日常用 Default，量产用 Fastest，最终文件用 Slowest（它还额外开启 Sharp YUV 画质增强）。

面板上还有几个勾选框：Keep EXIF、Keep IPTC、Keep XMP、Keep Color Profile。它们相当于给照片贴上"身份信息"再寄出去——摄影作品要保留拍摄数据，品牌图要保证跨设备颜色一致，需要哪个就勾哪个。

动画 WebP 怎么做？靠图层命名，一行"注释"就够 🎬

这是 WebPShop 最让我惊喜的地方：它不读 Photoshop 的时间轴，动画帧全靠图层命名来定义。你只需要给图层起这样的名字：

Frame1 (2000 ms) Frame2 (321 ms) Frame3 (1111 ms)

翻译过来就是：第一帧显示 2 秒，第二帧显示 0.321 秒，第三帧显示 1.111 秒。保存前记得在高级设置里勾上Loop forever，导出的就是循环播放的动画 WebP，电商轮播图、社交动图都能这么出。

前提是几条硬性要求，缺一条都可能报错：所有图层必须栅格化、尺寸完全一致，不能带滤镜、蒙版、图层组、链接这些复杂结构。说白了，把每一帧都当成一张"素图"来准备就对了。

你可能会问的五个问题

问：CMYK 模式的图能存成 WebP 吗？答：不行，插件只认 RGB 颜色模式，其他模式导出会直接报错。需要的话先转成 RGB 再存。

问：我的文档是 16 位或 32 位的，能存吗？答：能，但会先自动降到 8 位再编码，因为 WebP 内部只支持 8 位。特别提醒：32 位文档导出时建议勾上颜色配置文件，否则结果可能比预期暗。

问：一张图最大能做多大？答：单张 WebP 上限 16383 × 16383 像素，正常设计稿完全够用。

问：界面只有英文，看不懂怎么办？答：是的，目前只有英文界面。但控件很少，滑块加几个勾选框，配合保存前的实时预览，认图标就能操作。

问：大图保存要等很久，能中途取消吗？答：编解码是单遍执行，中途没法取消，超大图只能耐心等。好在预览窗口会先给出体积预估，不合适就点取消，零成本试错。

今天就去做这一件事 🚀

现在，挑一张手头的图片（JPG 也行），装好 WebPShop 后走一遍完整流程：打开 → 存储副本 → 选 WebPShop → 质量拉到 85 → 看预览体积。这一分钟试下来，你就能体会到"保存前预览 + 图层命名做动画"的顺畅感。

如果你想研究它的实现原理，或者想从源码自己编译一份，可以执行：

git clone https://gitcode.com/gh_mirrors/we/WebPShop

源码结构很清晰：common/放核心逻辑，win/和mac/分别是 Windows 与 macOS 的工程，想学 Photoshop 插件开发的人可以直接当教材读。总而言之——一张图、三分钟、一个插件，Photoshop 从此不再跟 WebP 闹别扭。

【免费下载链接】WebPShopPhotoshop plug-in for opening and saving WebP images项目地址: https://gitcode.com/gh_mirrors/we/WebPShop