工具与插件

动图工具箱

动图调色 + 多图对比预览,一次拖 4 个,本地跑不上传

¥20

它解决什么问题

做动效交付,有两件事天天要干,却没有称手的工具:

一是给动图统一调色。 一套图标动画导出来发现整体偏冷,或者要出一版换皮的配色。 用 AE 重新渲染要开工程、等渲染;在线工具大多只收单张图,四张图要传四次、调四次, 参数还对不齐。

二是把几个动图摆在一起对比。 挑帧率、比体积、看谁的透明边缘更干净, 最原始的办法是拖进浏览器开四个标签页来回切。而带透明通道的 WebM 在 Safari 和很多预览工具里直接变成黑底 —— 看到的根本不是最终效果。

动图工具箱就是这两件事的专用工具:一个调色,一个预览,两个页面一键互切。

一、动图调色工具

动图调色工具界面

拖 1~4 个 APNG / WebP / GIF 进去,每张图都是左原图、右调整后的对照排布, 拖动滑杆立刻能看出差别。

调色参数

参数范围说明
色相 Hue−180° ~ +180°整体换色,转一圈回到原样
饱和度 Saturation−100 ~ +100拉到 −100 就是去色
明度 Lightness−100 ~ +100整体提亮或压暗

三条滑杆的调整同时作用到当前拖入的所有图——这是「多图版」的意义所在: 一组动画里的四个图标,一次就能调成同一个调子,不用挨个对参数。 调歪了点「重置调整」一键回到原始状态。

检查底色

预览区底色可切黑 / 白 / 灰 / 棋盘格四种。棋盘格是专门用来查透明通道的: 边缘有没有残留的白边、半透明过渡干不干净,换个底色一眼就看出来。

导出

  • 格式:APNG / WebP / GIF 三选一,可以互转 —— GIF 进来、WebP 出去, 体积往往能小一大截;要放进不支持 WebP 的老环境,就转成 APNG。
  • 压缩质量:0~100%,100% 为无损(文件体积最大),往下拉体积迅速变小。
  • 尺寸缩放:10%~100%,按比例缩,做小尺寸版本不用另开工具。
  • 批量导出:点一次,拖进来的几张挨个导出,文件名自动加 _adjusted 后缀, 不会覆盖你的原文件。

每张图旁边都列着文件名、尺寸、帧数、时长,导出前心里有数。

二、动图预览工具

动图预览工具界面

同样是一次 1~4 个,并排播放对比。右上角「⇄」按钮和调色工具互相切换,同一个窗口,不用来回找。

支持格式

GIF · APNG · WebP · WebM · MP4 · Lottie JSON 六种。

Lottie 带外部图片(images/ 目录那种)时,把 JSON 和图片一起拖进来就能正常播。

WebM 透明通道

这是这个工具存在的一个具体理由:带 alpha 通道的 WebM(VP8 / VP9)在 Safari 内核里 不支持,很多基于系统 WebView 的预览工具会把透明区域渲染成黑色,看到的效果是错的。 动图工具箱走的是本机 Chrome 内核,透明该是透明,所见即最终效果。

播放与查看

  • 播放 / 暂停、重新开始,循环播放可开关
  • 缩放 5%~100%,小图放大看锯齿,大图缩小看整体
  • 底色同样是黑 / 白 / 灰 / 棋盘格,另有「显示边框」开关,用来确认画布真实边界
  • 每张图列出文件名、格式、尺寸、文件大小、帧率、时长、帧数 —— 挑哪一版更划算,这一行数据就够判断了

三、这个软件是怎么做的

它不是 Electron,不捆绑浏览器内核:程序本体只是一个几 MB 的启动器, 双击后调用你电脑上已经装好的 Chrome(Windows 上也认 Edge / Chromium / Brave), 打开内置的工具页面。

这样做的三个结果:

  1. 包小:macOS 版 2 MB,Windows 版 5.5 MB。Electron 方案同样功能要 236 MB。
  2. :用的是你日常那个已经预热好的浏览器,打开即用,没有冷启动的卡顿。
  3. :内核就是你自己的 Chrome 版本,比 Electron 里那个落后一年多的内核解码更快。

所有第三方库、WASM 编解码器都已经打包进本地,断网也能用; 图片全程在你机器上处理,不上传任何服务器。

四、系统要求

要求
macOS10.13 及以上,Apple 芯片与 Intel 通用(同一个包)
WindowsWindows 10 / 11,64 位
浏览器需要装 Chrome;Windows 上系统自带的 Edge 也可以

五、安装与首次运行

macOS:打开 dmg,把「动图工具箱」拖进「应用程序」。首次打开时系统会提示 「无法验证开发者」——这是因为软件没有做苹果的付费签名,不是有问题。 在**访达里右键点图标 → 打开 → 再点一次「打开」**即可,之后双击就能正常开。

Windows:直接双击 exe,不用安装。首次运行可能出现蓝色的 「Windows 已保护你的电脑」提示,点**「更多信息」→「仍要运行」**。 同样是未做代码签名导致的,不影响使用。

程序打开后会自动调起浏览器并载入工具页面;关掉页面就等于关掉工具,不留后台进程。

六、交付内容

  • macOS 安装包 动图工具箱-轻量版.dmg(约 2 MB)
  • Windows 可执行文件 动图工具箱.exe(约 5.5 MB)
  • 两个工具(调色 / 预览)都在同一个程序里,装一次全都有

安装包放在百度网盘,本页下面的「去网盘下载」直接过去,不用先付款 —— 申请了试用的人当然也得先拿到包才能试。链接长期有效,失效了来信我补。

包本身不设防,下下来就能装:门禁在软件里,打开要用本站账号登录, 没试用也没买过的账号进不去主界面。

付款之后订单页也会再给一份链接,以后想重新下载,登录本站在我的订单里随时能取。

七、先免费用 10 天

注册一个账号,登录后在本页点一下「申请 10 天试用」,试用立刻开通 —— 不用填卡号,不用留联系方式,功能也不阉割。

试用每个账号只有一次,从点下申请那一刻起算 10 天。到期不会自动扣费, 只是工具停下来,你的图片一张都不受影响。

八、授权说明

  • 一次买断,永久有效,不限次数,没有订阅、不会到期、不用续费。
  • 工具要用本站账号登录才能打开:网站和软件是同一套账号,不用记激活码, 也不用报机器码,换电脑重新登录一次就行。
  • 一个账号最多 2 台设备同时登录,第 3 台登录时最早的那台自动下线; 在账号中心能看到登录过哪些设备,也能手动踢下线。
  • 图片处理仍然全部在本机完成,一张图都不会上传 —— 联网只用来核对账号, 而且核过一次之后 24 小时内断网照常用。
  • 供个人或本单位内部使用,请勿再分发或转售安装包。
  • 虚拟商品,交付后不支持退款。买之前功能有拿不准的地方,先加微信问清楚, 或者直接申请试用用满 10 天再决定。

九、常见问题

双击没反应? 先确认电脑上装了 Chrome(Windows 上有 Edge 也行)。找不到浏览器时程序会弹窗提示去下载。

我的图片会被上传吗? 不会。所有处理都在本机的浏览器里完成,图片一张都不会离开你的电脑。 联网只用在一件事上:核对这个账号有没有授权,核过之后 24 小时内断网照常用。

软件里登录了却说没有授权? 试用要先在网站上申请 —— 软件登录只认账号,不会自己开通试用。 在本页点一下「申请 10 天试用」,再回软件重新登录即可。

能一次调更多图吗? 当前上限是同时 4 个。四张并排是屏幕能同时看清的极限,再多就得靠滚动来回比,反而慢。

导出的 GIF 颜色不如原图? GIF 只有 256 色,这是格式本身的限制。想保住颜色和半透明,导出选 APNG 或 WebP。

Windows 版在 ARM 笔记本上能跑吗? 能,Windows on ARM 会自动模拟运行 64 位程序。需要原生 ARM 版可以来信,我另出一个。

¥20

虚拟商品,付款后不支持退款。下单后在收银台扫微信或支付宝经营码付款,我核对到账后给你的账号开通授权 —— 一般几小时内,急的话加微信催一句。

试用一个账号只能申请一次,从申请那一刻起算 10 天,功能不阉割。

微信 / 支付宝扫码付款 · 授权直接开到你的账号上

下载安装包

macOS 的 dmg 和 Windows 的 exe 都在网盘里,按自己的系统下对应那个。不用先付款 —— 试用也得先拿到包。

登录本站账号即可下载

评论与意见

正在加载…