【工具】ScreenToGif 视频转动图完整教程
ScreenToGif 视频转动图完整教程
ScreenToGif是一款 Windows 平台上极受欢迎的免费开源屏幕录制与 GIF/APNG/视频编辑工具。
GitHub 项目地址：https://github.com/NickeManarin/ScreenToGif
截至 2025 年 12 月，项目获得约26k+ Stars，最新稳定版为2.42.1（2025 年 10 月发布），v3 重构版仍在开发中（尚未正式发布）。
一、核心理念
一句话概括 ScreenToGif 的设计哲学：
让普通用户以最低的学习成本和系统资源，高效制作高质量的短动画表达。
核心理念拆解如下：
- 录制即编辑：录制结束后立即自动打开编辑器，几乎零学习曲线
- 帧即最小单位：每一帧都是独立图像，支持随意增删、修改、叠加特效
- 极致轻量：安装包/便携版仅 10–20MB，却提供专业级的逐帧编辑能力
- 完全开源 + .NET 原生：无广告、无商业追踪、可本地编译，社区持续驱动
- 多格式输出：支持 GIF、APNG、MP4/WebM、PNG 序列、PSD 分层导出
它在极简操作体验与专业逐帧控制之间找到了非常出色的平衡点。
二、架构与设计模式（开发者视角）
ScreenToGif 基于WPF + .NET开发（最新版已迁移至.NET 9），核心设计模式如下：
| 设计模式 / 思想 | 主要体现位置 | 核心作用 |
|---|---|---|
| MVVM | 编辑器主界面、录制设置 | ViewModel 统一管理帧列表、播放状态、命令 |
| Command (RelayCommand) | 几乎所有按钮和菜单操作 | 解耦 UI 与业务逻辑 |
| Observer / EventAggregator | 帧列表变更、录制状态广播 | 松耦合的消息通知机制 |
| Pipeline / 责任链 | 编码器链（Gifski / FFmpeg / 系统） | 支持多种后端编码，易于扩展 |
| State Machine | 录制器状态机 | Idle → Recording → Paused → Stopped |
| Flyweight | 帧图像缓存与内存优化 | 相同/相似帧复用内存，降低长录制内存占用 |
| Builder | 导出参数设置窗口 | 复杂导出配置的友好构建方式 |
最值得学习的三个点：
- WPF 高性能逐帧列表实现（UI 虚拟化 + Image 缓存 + WriteableBitmap）
- ObservableCollection + Dispatcher 实现帧列表与界面实时双向同步
- 多编码器抽象层（IGifEncoder 接口）设计
三、典型使用场景对比
| 使用场景 | 主要诉求 | 推荐帧率 | 最佳输出格式 |
|---|---|---|---|
| 微信/知乎/小红书技术文章 | 文件小、帧数少（<300帧） | 10–15 fps | GIF + 优化调色板 |
| B站/YouTube 短教学视频 | 清晰度优先，体积可稍大 | 15–24 fps | MP4 (FFmpeg) |
| Bug/问题复现报告 | 需要箭头、文字标注、局部慢放 | 10–12 fps | GIF 或 APNG |
| 产品/UI/交互演示 | 透明背景 + 无限循环 | 12–15 fps | 透明 GIF |
| 绘画/手写/白板过程记录 | 自动捕捉笔迹 + 高流畅度 | 自动/20+ fps | APNG 或 GIF |
| 表情包 / meme 快速制作 | 录脸 + 加字 + 快速产出 | 8–12 fps | GIF |
四、详细使用教程（基于 2.42.x 版本）
4.1 快速上手流程（最常用路径）
下载安装或便携版
- 官网：https://www.screentogif.com/
- GitHub Releases：https://github.com/NickeManarin/ScreenToGif/releases
启动软件 → 点击主界面「录像机」图标（红色圆点）
拖动调整录制区域（支持全屏、窗口吸附）
可选设置：
- 帧率（默认 15 fps）
- 是否显示鼠标点击/光环效果
- 是否捕获鼠标光标
按F7或点击红色圆点 → 开始录制
录制结束按F8或点击蓝色方块 → 停止
自动进入编辑器界面
4.2 编辑器核心功能速查表
| 功能大类 | 常用操作 | 快捷键/位置 | 实际价值 |
|---|---|---|---|
| 帧选择与批量 | 框选、Ctrl点选、Shift连续选择 | — | 批量操作基础 |
| 去冗余 | 删除选中帧 / 删除重复帧 | Del / 工具栏「去除重复」 | 体积可减小 30–70% |
| 降帧率 | 每隔 n 帧保留 1 帧 | 工具栏「减少帧率」 | 体积快速下降 |
| 插入内容 | 插入新录制 / 空白帧 / 标题帧 | 右键菜单 | 添加过渡、说明文字 |
| 图像基础调整 | 裁剪 / 翻转 / 缩放 / 亮度/对比/饱和度 | 「图像」选项卡 | 统一画风、修正曝光 |
| 绘制与标注 | 箭头、矩形、文字、模糊、马赛克 | 「编辑」→「绘制」 | 突出重点、保护隐私 |
| 特效叠加 | 边框、阴影、进度条、光环、按键显示 | 「图像」→「效果」 | 大幅提升专业感 |
| 导出 | GIF / APNG / MP4 / WebM / PNG序列 / PSD | 文件 → 另存为 | 适配不同平台需求 |
微信公众号/朋友圈常用体积优化组合（可将几 MB 降至 500KB–1MB）：
去除重复帧 → 降帧率至 10–12 fps → 调色板设为 64–128 色 → 开启透明（若需要）→ 优先使用Gifski编码器
五、两个实战案例（带步骤）
案例 1：Bug 复现 + 重点标注 GIF
目标：清晰复现问题 + 用箭头和文字说明关键点
- 以 15 fps 完整录制 Bug 复现过程
- 停止后进入编辑器
- 定位到出错的关键帧
- 右键该帧 → 「插入绘制帧」或直接在帧上绘制
- 用红色粗箭头指向问题按钮/区域
- 插入新帧 → 添加文字：「此处点击无反应」
- 框选出错前后约 5–10 帧 → 右键 → 减少帧率 → 每 3 帧保留 1 帧（制造慢动作效果）
- 导出 → GIF → 编码器选 Gifski → 颜色数量 128
结果：原 8MB → 约 800KB，重点突出，清晰易懂。
案例 2：制作无限循环表情包
目标：录制自己比心/摇头 → 加字 → 小体积循环播放
- 以 20–30 fps 录制 2–4 秒表情动作
- 删除开头结尾多余/不自然的帧
- 菜单「图像」→「循环」→ 选择「无限循环」
- 添加文字水印（如「感谢观看」「点赞」）
- 导出 → GIF → 调色板设为 64 色 → 质量中等偏上
结果：体积控制在 1–2MB 内，适合微信/QQ 发送。
六、2025 年底定位与总结
- 最大优势：免费、开源、轻量、编辑功能极其强大、社区仍在活跃维护
- 当前局限：WPF 界面在极高分辨率/缩放下偶有小问题；v3 重构版尚未发布
- 主要竞品对比：
- 比ShareX更专注 GIF/APNG 编辑与特效
- 比LICEcap功能丰富 10 倍以上
- 比Photoshop / Premiere轻量 50 倍+，适合快速产出
一句话推荐：
在 Windows 平台，如果你需要又快又专业地制作带标注、特效的短 GIF/APNG，2025 年的 ScreenToGif 仍然是最佳免费选择之一。