绳网GIF 使用帮助

1绳网GIF 是什么

绳网GIF 是一个把游戏录像做成动图的小工具：导入或录屏 → 圈出画面范围 → 选好出招片段 → 一键渲染成 GIF。还附带两个周边小工具：

核心技替换：给技能图标贴纸换色，导出透明底 PNG；
GIF 编辑：对现成 GIF / WebP 动图截片段、改尺寸、压缩、加渐入渐出。

推荐使用 Chrome / Edge 较新版本——视频解码、录屏、本地转码都依赖较新的浏览器能力。

2快速上手（三步出图）

导入视频：把 MP4 / WebM / MOV 等视频文件拖进页面中央的投放区（或点击选择）。
选段：在「预览与裁剪」里框选要保留的画面范围，用 空格 播放、A/D 逐帧、Q/E 打出片段的起点和终点。
出图：点「＋当前段加入队列」→「批量渲染」→ 完成后点「下载动图」。

3五种工作模式

页面顶部可以在 5 种模式之间切换：

模式	干什么用	什么时候用
手动打点	自己看着视频，逐帧打出片段起点/终点	精确截取某一段
智能分段	半自动分析画面或按键，把候选出招段落找出来铺在时间轴上	一整局录像里抠多个技能段
录制	直接在浏览器里录屏（屏幕/窗口/标签页任选），并同步记录按键	没有现成视频文件；或想用「按键桥」算法时必须用内置录制
核心技替换	三层贴纸合成 + 换色，导出透明底 PNG	做技能图标素材
GIF 编辑	对已有 GIF / WebP 截取、改尺寸帧率、压缩	处理现成的动图文件

日常做 GIF 用得最多的是智能分段和手动打点，两者共用「预览与裁剪」「动图参数」「渲染队列」这些面板。

4预览与裁剪

框选画面范围（两种方式）

拖拽框选（默认）：直接在画面上按住鼠标拖一个框，框住的部分就是导出后保留的部分。
框选模式（标题栏右侧开关框选模式）：打开后画面中央出现一个现成的裁剪框——
- 按住框拖动可移动位置；
- 拖四角的圆点可放大/缩小（自动锁定当前输出比例，不会拉变形）；
- 在框外空白处拖拽，仍然是原来的"新建框选"；
- 关掉开关，四角圆点消失，回到普通拖拽框选。
想取消框选：点击「取消框选」按钮即可清除当前的裁剪框。

📱 框选模式主要是为移动端适配准备的——触屏上拖拽新建选框不太方便，所以提供一个固定的、可拖动的裁剪框。如果你在电脑上用鼠标操作，不看这段也完全没关系，用默认的拖拽框选就行。

快捷键（视频加载后生效）

按键	作用
`空格`	播放 / 暂停
`A` / `D`	上一帧 / 下一帧（可配合“跳帧”设置一次跳 N 帧）
`Q` / `E`	打片段起点 / 终点

比例与尺寸

「动图参数」面板里可以选输出比例：5:3（默认 500×300）、16:9、4:3、1:1、9:16、原视频比例；宽高数值范围 64–4096。换了比例后，已有的裁剪框会自动按新比例调整。

5智能分段（半自动找出招段落）

选「智能分段」模式后，点「分析招式段落」，工具会自动找出每个招式的起收，结果铺在时间轴上，点哪段预览哪段。注意：这是半自动功能，不能保证 100% 精确，结果需要人工检查、取舍和微调。

分析算法分为两类：

画面类算法（前 4 种）：判断的是视频画面的变化（帧差能量），适合没有按键记录、或按键记录不可用的录像。
按键桥算法：判断的是按键输入的变化。理论上它是精确度最高的算法——因为按键输入是干净、离散的信号，不像画面那样受特效、UI、镜头运动干扰。但它有硬性前提：必须使用绳网GIF内置「录制」模式录制的视频（按键记录与画面同步保存）；直接导入的外部视频没有按键记录，无法使用按键桥。

🔌 使用按键桥需要先下载一个依赖：首次使用按键桥算法时，页面会提示下载一个依赖文件。请按提示完成下载并等待加载就绪，否则按键桥无法启动。该依赖仅用于本地按键分析，同样不会上传任何视频数据。

⚠️ 按键桥算法（实验性方案）：虽然理论精确度最高，但目前已知在不同设备上可能出现不同延迟，导致分段位置偏移或不准确。该算法现在仅作为探索性/实验性方案，暂不建议作为主力分段方式；建议优先使用画面类算法，或手动打点微调。

选项	说明
分析算法	一般用融合加权（推荐）；用绳网GIF内置录制（开启按键记录）的，可尝试按键桥（理论精确度最高，但目前为实验性，需先下载依赖，见上方提示）
灵敏度	从保守到极灵敏五档——漏段就调灵敏，碎段太多就调保守
起手前补 / 收招后补	每段前后多留几秒，避免掐头去尾
筛掉短于	自动丢弃小于设定秒数的碎段

选好段后同样走「＋当前段加入队列 → 批量渲染」。

6动图参数与预览

质量档位	效果
原图	尽量不重编码，文件最大
高清	色彩损失小，适合发社群
均衡	体积与画质折中（大多数场景选这个）
极限	压到最小，颜色会有可见损失

预览变速（界面显示为“帧率”）：跟随源 / 0.25×–4×，用于调节预览视频的播放速度，方便看清动作节奏；不影响导出 GIF 的帧率。
跳帧：逐帧 / 2 / 3 / 5 / 10 / 20，控制按帧预览按钮的步进倍率——例如选 2 时，按一次 A/D 跳过 2 帧；数值越大定位越快，不影响导出文件体积。

7渲染队列与导出

一段调满意后点「＋当前段加入队列」，可以攒多段不同参数的片段，最后「批量渲染」一次出完。「转换完成」面板里逐个下载，或打包下载。

8核心技替换

给技能图标贴纸换任意颜色，导出透明底 PNG：

导入参考图（右列）：把想配色的截图拖进去，滚轮缩放，悬停有放大镜，单击参考图上的颜色即设为目标色。
目标色：也可以直接用左侧色板选色，或填 HEX 色值；在合成预览上单击还能反吸当前成品的颜色来微调。
内发光（开关）：控制技能图标窗口周围那圈光晕——开=带光晕，关=不带。两种素材分开记忆基准，随便切。
饱和增益 / 明度增益：微调换色后的鲜艳度和明暗；「恢复默认」一键回到 100%。
导出 PNG（原生分辨率）：按 目标色-hex.png 命名，直接可用。

9GIF 编辑

对现成的动图做减法和压缩，全程本地逐帧解码：

把 GIF / WebP 动图拖进来（可多选）。老版本导出的那种「后缀是 .gif 其实是 WebP」的文件也能正常识别。
在时间轴上打出起点/终点截片段；也可以只改尺寸、帧率，或加渐入渐出。
选质量档（原图直通 / 高清 / 均衡 / 极限），单张「导出」或「导出全部」，还能打包成 ZIP。

10录制

两种使用时机：

手边没有现成视频文件：切到「录制」模式直接录屏；
想用「按键桥」算法：必须使用绳网GIF内置录制——只有内置录制才会同步保存按键记录，外部导入的视频没有按键记录，用不了按键桥。另外首次使用按键桥还需在页面下载一个依赖（见第 5 节说明）。

操作要点：

浏览器会弹出共享选择器：选整个屏幕 / 某个窗口 / 某个标签页；
录制前可设分辨率（跟随源 / 1080p / 720p / 自定义）、帧率（60 / 30 / 自定义）、码率（12 / 8 Mbps / 自定义）；
录制时按键记录与画面共用同一时钟，之后用「智能分段 + 按键桥」分析天然对齐。

11右上角的「妄想天使开关」

页面右上角有个粉色小开关妄想天使，控制页面底部三只散步的小人（千夏 / 爱芮 / 南宫的立绘动画）：

关：小人退场（同时省下 3 个渲染上下文，低配机器更流畅）；
开：小人回来继续散步；
状态会记住，下次打开页面保持你上次的选择。

12常见问题

Q：什么浏览器能用？
Chrome 或 Edge 较新版本。录制功能依赖浏览器的屏幕共享能力；老浏览器可能无法解码视频画面（此时裁剪不可用，但转换仍可进行）。

Q：我的视频会被上传吗？
不会。解码、分析、转码全部在你的浏览器里完成，页面没有任何上传逻辑；甚至可以断网使用（首次加载工具本身之后）。

Q：导出的 GIF 太大怎么办？
依次尝试：质量换「均衡」或「极限」→ 缩小输出宽度 → 缩短片段时长。

Q：为什么「按键桥」算法用不了？
两个常见原因：① 没有用绳网GIF内置「录制」模式录制，外部导入的视频没有按键记录；② 首次使用按键桥前，需要在页面按提示下载一个依赖并等待加载完成。另外，按键桥理论上精确度最高，但目前为实验性方案，在不同设备上可能存在延迟，暂不建议作为主力分段方式。

Q：为什么不能全自动？
主要是目前没有引入 AI 模型，核心仍基于帧差、按键记录等轻量算法；而游戏画面本身很复杂，特效、UI、镜头运动、角色遮挡等都会带来大量干扰，所以精确度不可能太高。现在的定位就是半自动：算法帮你找候选段，人工再挑选和微调。另外，真做成全自动，那做视频的人不就失业了嘛（开玩笑）。

Q：裁剪框不见了？
框被取消了，重新框选即可。注意：当前版本的取消方式已经改为点击「取消框选」按钮；如果你想保留裁剪框，就不要点它。「框选模式」开关打开的话，框会一直显示四角圆点，方便找回。

Q：页面UI过大或者过小怎么办？
电脑端按住 Ctrl 再滚动鼠标滚轮，即可缩放整个网页。触屏设备通常用双指捏合缩放。调整到看着舒服的大小即可。

Q：未来的更新方式是怎么样？
未来的更新方式将是网页直接推送——你不需要额外操作，打开页面即自动获取最新版本。

Q：从老版本导出的 .gif 打不开？
已修复。这类文件实际是 WebP 内容，现在导入时会按文件真实内容自动识别。

Q：「标记条码位置」是什么？
该功能目前暂时废除，不再作为可用流程的一部分。它的原设计是在录制配对流程里框出按键条码所在区域，供「按键桥」算法使用。现在普通使用完全不需要理会它；如界面仍残留相关入口，可忽略。