这个假期,我认真研究了下会动的小姐姐们,出了一篇诚意满满的攻略
五一鸽了两天,踏踏实实在家睡了两天好觉,足不出户,在朋友圈就看遍了祖国大好河山和人山人海。
趁着有时间,打算写一篇关于 GIF 动图的文章,写了几年公众号,对制作各种动图有一堆实战经验要分享。
小伙伴们应该也能看得出,我平常关于软件测评的文章里,GIF 动图是比较多的。
说句有点自夸的话,在我开始写公众号之前,软件评测这个领域内,文章多是采用静态图片展示。
当我开始发文章的时候,为了充分展示软件使用后的直观效果,于是采用了大量动图,方便大家不用点开视频(打开视频对于用户来说还是有点重),就可以一目了然领略到软件的妙处。
比如这样的:
抱歉,放错图了,我是说比如这样的:

毕竟对于操作演示类的文章,再天花乱坠的文字也不比一张实打实的动图来的直观。
所以,动图展示对于我的文章教程来说,是非常重要的一个环节。
但 u1s1,整个合适的动图并没有想象中的那么容易,所以我五一假期里专门研究了一下。
就拿我折腾了几年的公众号举例,虽然这几年它后台对动图的大小有所放宽,从起初的 2M 到 5M,再到现在的 10M。
但是在我想要展示细节的时候,不说突破 10M 简直是家常便饭,一旦动图大于 5M,无论是我的上传体验还是大家的阅读体验都一言难尽。
4G 不够,5G 未满的网速更是虐的我不要不要的。
上个月我也尝试着开拓一下往日里不曾涉及的选题,但没想到动图仍然是我绕不过去的坎。
一个动图和干巴巴的文字谁更有魅力这事咱就先不讨论了,趁着五一假期好不容易能空闲下来,我就想把这个坎给迈过去。
所以这篇我给大家来个 GIF 「指北」,从录屏、转换、压缩、抠图四个方面给大家一份有据可考的测评,文章较长,建议收藏备用。
没错,这是一篇关于 GIF 动图的干货攻略,封面的小姐姐很软,内文的干货很硬

。
录屏
这次的核心还是 GIF 动图,所以我所寻的工具也是以此为中心出发的,如果真有长视频的录屏需求,很遗憾,这次的「GIF 录屏篇」的攻略是不够的。
未来有机会再给大家测试真正专业的录屏工具,这次让我们专心一点。
Gif 领域的录屏最常见的有三款,LICEcap、GifCam、ScreenToGif。
我们直接把优劣放在前面。
LICEcap
LICEcap 是这次测试的工具中最轻量的 GIF 录屏软件了,200KB 的安装包,不到 500KB 的大小,只支持录屏功能,没有更多的编辑能力。

官网最后一个 Windows 版本还是 2017 年的,倒是 MacOS 版更新至今。
可随意更改窗口大小,且操作麻瓜,具体也没啥介绍的,看图就行:

录屏效果如下:

友情提示,LICEcap 在保存路径中不可有中文,否则没办法保存,这都是血的教训。
优点:轻量、操作麻瓜、输出时间短、可显示鼠标、可限制最大 FPS
缺点:压缩效果一般、编辑功能不足、没有中文支持
GifCam
这个 2018 年的时候我就给大家分享过了,很长一段时间都是我录屏的主力,具体的看当时的文章就好了:GifCam。
上面那个动图就是用它录的,不过后面有统一对比,这里不赘叙了。
优点:轻量、操作麻瓜、自动添加延迟、可设置项更多(包括不限于显示鼠标、限制 FPS )
缺点:虽有编辑功能,但难用、输出时间长、吃内存、低 FPS 下有重影(偶尔出现过几次)
ScreenToGif
这个是「录屏」篇重点推荐的录屏工具,没别的原因,就是好用。

上面就是 ScreenToGif(后简称 STG)默认启动页面,四大类:录屏的录像机、电脑摄像头、画板录制、编辑器。
篇幅有限,我们还是重点说说录像机和编辑器。
录像机,同样麻瓜操作,支持限制 FPS,可随意更改窗口大小,也能迅速对齐某一窗口(自动吸附,不用你再拉着窗口手动对齐了),此外如果你意外退出了,STG 有缓存文件可以打开最近项目。

但说实话 STG 最大魅力是在完成度高,这个开源的录屏工具把你想要的都考虑了,下面是 STG 设置里的截图。

你能直接简单使用,也能更进一步的按习惯调教,全面是 STG 的良心之处。
等你停止录制后会自动跳到编辑器,然后就可以把录屏内容逐帧修改了。
编辑器中一共分为七大块:文件、主页、播放、编辑、图像、过渡、统计。
文件可以打开新的图片拼接到已有 GIF 中,也可以找寻最近项目。

编辑可以移除重复帧,可以批量减少帧数,也可以把整个 GIF 反转。

这个反转还是挺有意思的,比如我们把这个动图给反转了:

反转以后的效果是这样的:

图像应该是我用的比较多的功能区了,可以加字幕、水印、进度条或者录屏时的按键,也可以调整图片大小,还能打码。

我就不介绍逐帧处理这样的基操了,单个筛选用 ctrl,多个选中用 shift。

在保存时可以选择文件类型,GIF、WebP 或者 MP4、MKV 这样的视频格式,编码器也能选择内置的、系统的或 FFmpeg 这样第三方的。

之所以详细介绍 STG 是因为后面可能它就是我主要生产力工具了,这样绿色开源、全面且是单文件的 GIF 录屏工具能满足绝大部分的需求了。
优点:编辑强大、成像效果佳、能设置更多细节、中文支持
缺点:编辑后输出时间长、不支持多系统
关于录屏工具还有几款我测试了但是不准备详细介绍优劣了,比如有 EV 录屏、OBS、Apowersoft 在线版等等。
还是那个原因,它脱离 GIF 这个主题了(其实是因为懒),所以不多介绍了。
浏览器网页录屏工具往往都需要提前下载个录制启动器,但我在实测的时候会有直接把浏览器搞崩溃的情况,所以从稳定性角度讲还是考虑下载到本地的录屏工具比较好。
真要应急了直接「Win+G」,用 Win10 自带的 Xbox 录屏,但我不知道为啥,同样的内容,Xbox 的录屏导出的文件更大。
录屏篇的结局用一张图概括就是下面这样:

转换
如果不心仪上面这三款 GIF 录屏工具,或是真碰到别人给你的是视频格式的文件,我们就需要把视频格式转换成 GIF 格式。
转换的工具有很多,之前也推荐了不少,比如这个(超链接),我这里就测试了几个我筛选过的在线版转换工具。
不过说实话,在线工具是真的多,一键式操作,功能各异,也不局限于转换,所以我就直接介绍一下转换优劣和大致功能,具体就不演示了。
tt0.top
地址:tt0.top
同等网络下(家里网有点问题,所以用的手机热点),3M、17s 的 MP4 视频从上传到转换成功耗时 15s 左右。
由于它在转换时可以设置各种参数,仅以默认参数转换得到的 GIF 动图大小为 2M 左右。
优点:免费无需注册、可设置截取频率(每秒从视频截取几帧),可设置导出时的动图速度(每帧多长时间)、可直接裁剪长短和大小、中文支持
缺点:仅支持 MP4 的转换、动图总帧数上限 100 帧
其他功能:图片合成 GIF、图片压缩

图贴士(原 GIF 工具之家)
地址:www.tutieshi.com
同等网络下,3M、17s 的 MP4 视频从上传到转换成功耗时 45s 左右,转换后的 GIF 大小为 24M 左右。
优点:免费无需注册、可直接裁剪长短、中文支持
缺点:支持转换格式少(MP4\ogg\webm)、转换速度慢
其他功能:图片合成 GIF、图片压缩、GIF 裁剪、马赛克

EasyGif
地址:www.easygif.tools
同等网络下,3M、17s 的 MP4 视频从上传到转换成功耗时 35s 左右,转换后的 GIF 大小为 4M 左右。
优点:免费无需注册、可单帧操作、可设置延迟、可加滤镜和文字
缺点:不支持中文、仅支持 MP4 的转换、转换速度慢
其他功能:图片合成 GIF

Convertio
地址:convertio.co/zh/
同等网络下,3M、17s 的 MP4 视频从上传到转换成功耗时 20s 左右,转换后的 GIF 大小为 15M 左右。
这就是文件转换器,有对应的扩展,但一般来说在线版的就够用。
在转换这个领域,人家是专业的,视频格式不仅局限于 MP4 了,大部分的格式都搞得定。
优点:支持格式多、中文支持、转换速度适中、转换结果保存一段时间
缺点:有 100M 的文件大小限制、转换后压缩效果差

还记得 ScreenToGif 嘛,用它也能做到转换的功能,所以软件方面不多说了,大家按需选择即可。
转换篇的结局用一张图概括就是下面这样:

压缩
决定一个 GIF 动图大小的因素有很多,尺寸、颜色、帧率(FPS)、时长等等,如果再高级一点就要看压缩动图时的算法。
之前介绍的几款在线工具中也都有压缩的功能,但术业有专攻,我筛选了几款专门做图片压缩的工具,这次「GIF 压缩篇」不看原理,我们看看测试的结果如何。
我录了一个 113 帧、15.3M 大小的 GIF 动图,因为公众号的限制就不放出来展示了。
docsmall
地址:docsmall.com/gif-compress
这个在线工具我之前也写过一篇文章,docsmall,所以具体的就不介绍了。
这里直接说一下测试结果:
15.3M 大小的 GIF 动图经过轻度压缩,将大小缩减到了 9.7M,将近压缩了 36%。
而在极强的压缩模式下,缩减到了 6 M,将近压缩了 60%,给力还是挺给力的。
为了展示压缩成果,我搞了个跳舞的小姐姐:

原图4.08M
这是极强压缩后,可以看出来清晰度画质有很明显的变化:

1.75M
优点:支持批量压缩、支持多种压缩强度、压缩速度快
缺点:单文件图片有 25M 的大小限制

PP 鸭
地址:ppduck.com/
PP 鸭是一个专门做图片压缩的软件(GIF\PNG\JPG),需要你下载客户端到本地。
使用方法倒是相当麻瓜,打开应用,拖着需要压缩的图片到 PP鸭窗口中,稍有停顿会有三种选择:原地覆盖、自定义压缩格式以及输出位置、指定压缩大小。

第一种模式真就一键式操作,会把你想要压缩的图片文件压缩后同名保存,自然就覆盖了原文件。
第二种模式在此基础上,可以指定保存目录,压缩格式还多了 webp 无损/有损两种。

15.3M 大小的 GIF 动图经过压缩,将大小缩减到了 9.7M,将近压缩了 36%。

如果不满意压缩效果,可以把图片恢复还原(具体位置在左上角的恢复按钮)。
最后一种模式又分为两种优先压缩方法:
一种是以保持画质为前提,通过缩小宽高完成压缩。
另一种则是提前规定好宽高,通过压缩画质实现压缩。

第一种压缩方法能控制在 5M 以内,而第二种压缩方法保持尺寸时无论怎样也无法压缩到 5M 以内,这也算是一点小遗憾。
我发现 PP 鸭压缩图片并没有动帧率,只是在画质、色彩、尺寸上进行压缩,同样那个跳舞的小姐姐,经过尺寸压缩到 1.7M:

优点:操作麻瓜、支持批量压缩、可指定压缩大小
缺点:压缩时间长
PP 鸭是一个收费软件,支持批量压缩,不过最多一次能导入 10 张图片。
如果对批量压缩这块没要求,有个白嫖的方法,就是每次打开软件,免费的 10 次压缩都会重置,对于大部分人来说,免费的 PP 鸭肯定是够用的。
压缩这一款涉及到的因素实在太多,我往往会通过 ScreenToGif 去重、去掉前后多余帧、裁剪尺寸的方式完成压缩前奏,然后再使用上面两个工具进一步压缩。
在线工具虽然方便(随用随关),但我不是特别推荐,主要是先上传再压缩的过程繁琐,服务器繁忙时还会有卡顿崩溃(极端情况,我还没碰到过)的情况出现。
PP 鸭已经能极大程度满足需求,但如果你真的碰到要把 GIF 压缩到极致的问题,我建议考虑一下 UGA(Ulead GIF Animator)这个老牌压缩神器。
UGA 支持调整动图的颜色、抖动、尺寸、移除多余像素等等方式优化压缩,使用它你就得先了解一下 GIF 背后的基础知识,门槛太高违背了我们一键式麻瓜压缩的初衷,这里就不过多介绍了。
抠图
之前也给大家做过一期在线抠图工具的测评,抠图测评,其实现在视频和 GIF 动图也都能完成抠图的操作。
这里我给大家推荐一个在线网站,Unscreen,友情提示这个网站不支持中文,如果不习惯,请搭配翻译功能食用。
地址:www.unscreen.com

我们先找一个动图,比如之前介绍过的数码区 up 主火锅鱼 ly:

经过抠图后的效果是这样的:

这个网站也可以重新添加背景:

不过像上面这种背景简单,动作幅度不大的动图,Unscreen 扣起来还算得心应手,我还测试了下这个跳舞的小姐姐:

然后把它上传到 Unscreen 中,得到的透明效果是这样的:

相信你也发现了,如果动图的背景很复杂、人物的动作幅度很大,不能很好的区别主体的话,就很有可能会导致去除背景效果不理想的问题发生。
Unscreen 目前仅限于下载 5s 以内的动图或视频,抠图篇算是这次 GIF 动图攻略里的一个添头吧,如果这方面有新的工具出现了我会第一时间分享给大家。
结语
虽然 GIF 动图这个需求并不是很多人的刚需,但确实也会有用到的时候。
一般情况下录屏我选 ScreenToGif,转换用 tt0 或 convertio,压缩用 PP 鸭,抠图用 Unscreen,至于不同情况下的不同选择,我也会用上面这些工具搭配着使用。
这次之所以挑这么一个小众需求来做评测,除了我自己真的用得上之外,还有一个原因是:
我在解决问题的时候,总会发现有 N 多解决方案,但总是有果无因,很少有答案告诉我们为什么会建议采用这种解决方案,以及最重要的:具体效果如何。
这样一来,试错成本大大提升,可能到最后也没办法找到一个称心如意的工具。
选择多不等于好选择,适合自己的才是最好的。
这也是我一直以来做测评的初衷,除了告诉这样做之外,还要告诉你为什么这样做;除了告诉你选这个之外,还要告诉你选这个的效果如何。
