惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
美团技术团队
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
月光博客
月光博客
J
Java Code Geeks
Jina AI
Jina AI
罗磊的独立博客
宝玉的分享
宝玉的分享
S
SegmentFault 最新的问题
D
DataBreaches.Net
博客园 - 叶小钗
腾讯CDC
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Last Week in AI
Last Week in AI
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Google DeepMind News
Google DeepMind News
阮一峰的网络日志
阮一峰的网络日志
B
Blog
V
Visual Studio Blog
雷峰网
雷峰网
博客园 - 【当耐特】
Apple Machine Learning Research
Apple Machine Learning Research
Engineering at Meta
Engineering at Meta
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报

少数派

派早报:Google 发布 Fitbit Air 等 - 少数派 「新人报到」確認需求,再開始 - 少数派 从 SOLO 独立开发者社区,我看到了越来越多开发者开始做自己的产品 - 少数派 我怎么管理那些"不常做,但总会忘"的生活事项 - 少数派 人形机器人量产元年,数据才是具身智能的“生死线” - 少数派 BuhoLaunchpad 高度还原 Mac 启动台:开发历程与思考 - 少数派 五年陪伴依然不舍,DIY 换壳后让罗技 MX Master 3 继续服役 - 少数派 新玩意 240|少数派的编辑们最近买了啥? - 少数派 一日一技|为什么你应该关闭 iOS 的键盘声音 - 少数派 我做了个插件和 Skills,一键提取任何网站的设计规范 Design.md - 少数派 住在三四线城市的你,该开始录播客了 - 少数派 甘南秘境,大白高国 - 少数派 AI的审美:谁让把我变成川内倫子 - 少数派 返工怎能不烦恼,打工人片单总有一部是你的「嘴替」 - 少数派 为了让「上厕所」更健康,我做了一个小工具 - 少数派 AI + Skill,能够让生成的文章去除 AI 味吗? - 少数派 新玩意|韶音OpenDots ONE 耳夹式耳机 - 少数派 《美满》| 在每一个春天的晚上相爱(362) - 少数派 新玩意|优篮子 PS01 MagSnap 磁吸支架 - 少数派 自我整合手记 | 我开始早睡了:用稳定规则,为自由托底 - 少数派 用龙虾(OpenClaw)两个多月,我最深的12个体会 - 少数派 听歌时间到,12 张你可能错过的 2025 华语乐坛好专辑 - 少数派 承诺能追吗 - 少数派 macOS 26启动台没了? 我做了个不一样的App启动器 - Keboard - 少数派 《四海为家的人》| INTJ对话INTJ(361) - 少数派 你发过的那些黑历史,是时候一次清干净了 - 少数派 新玩意:安安静静玩,越玩越专注:计客密码机 - 少数派 iPad 用户首次体验 Android 平板:vivo Pad6 Pro - 少数派 数据逻辑强 - 少数派 极北行+ | 一路向北,探访日本至北之地 | 001 - 少数派
这样压缩 GIF,体积小还效果好 - 少数派
2018-01-22 · via 少数派

录制完一份 GIF 动图,兴冲冲地想发给朋友,却被微信告知体积太大;临时找了不知名工具一通压缩,体积小了但图片也糊得像被哈士奇糟蹋过。

如何科学地压缩动图?哪些工具能让压缩即轻松又见效快?我从 GIF 压缩的原理开始讲解,带你了解这些好用的工具。如果你只想知道怎么做,请直接到文末领取压缩工具。

GIF 再胖,也不是一口吃成的。

GIF(Graphics Interchange Format,图片互换格式) 是由一张张静态的图片组成的,按顺序「播放」出来。尺寸、颜色、帧率和 GIF 的时长,都是导致 GIF 发胖的元凶影响 GIF 体积的因素。 尺寸和颜色非常好理解,静态的图片也受到它们的影响;而帧率指每秒钟播放的图片数量,帧率更高 GIF 就会更流畅,但也占空间。

通过减少颜色可以显著缩小 GIF 体积
通过减少颜色可以显著缩小 GIF 体积

最后,还有一个因素:GIF 的长度。别的方面差不多时,时间越长,占用空间越大,这和视频差不多。

制作 GIF 时的注意事项

我们知道了影响 GIF 体积的四个主要因素,就可以在录制、转换的时候加以注意。以 Mac 为例,最常见的 GIF 录制工具都提供了基本的参数调节,GIF Brewery 可以把颜色调低,而 Gifox 不仅能设置颜色,还能把帧率降低,牺牲一定的流畅度来换取更小巧的体积。

null

如果你只是录制一个操作演示,或仅仅为了做表情包,我建议的颜色设置是 48 色,帧率调到 10 以下,就能获得相对小体积的 GIF。不过,使用 iOS 设备录屏的读者只能在后期转换 GIF 时进行参数调节,如果你不想打开电脑,我推荐一个 iOS 上的工具:GIF Toaster ,它的自定义选项非常丰富,最重要的是降低图片尺寸和帧率不用付费。

null

iOS 设备的分辨率越做越高,录屏产物体积不容小觑,用A它们制作的 GIF 也有非常大的压缩空间,我一般会使用 3/4 或者 1/2 的尺寸(设备是 iPhone 8 Plus),已经能够满足网页呈现所需的清晰度,做表情包的话完全可以采用 1/3 甚至 1/4。另外,把加速和降低帧率结合起来,也能有效减小 GIF 体积。

拓展阅读:在手机上制作动图从未那么轻松:GIF Toaster | App+1 - 少数派

终极武器:Gifsicle

如果我们制作的动图颜色非常丰富、尺寸也不能太低,还对流畅度或时常有一定要求,那么简单粗暴地牺牲这几者可能并不会带来理想的效果。其实还有一种 GIF 压缩的诡异方法,能做到接近极限的压缩。

先来看一眼这张 GIF,毫无特殊之处,对吗?

null

但当你把它逐帧拆开来(需要「专业工具」imagemagick ),就能看到其实每一帧都不是「完整」的:

null

除了第一帧,后面的帧都是「残破不堪」,但是连在一起播放时又看似正常。简单的理解,通过把前后帧里重复的部分弄成「透明」,自然有效减小了 GIF 体积。现在你下载到的 GIF 图,往往都已经经过了这种处理以追求更小的体积。(想追究原理的戳 这里

想要达到这样的压缩优化效果,我推荐使用一款命令行工具 gifsicle,建议通过 homebrew 来安装它。

  • 如果你的电脑里还没有 homebrew,就打开 Terminal,输入这串命令安装 homebrew:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  • 一长串字符闪过之后,接着输入命令安装 gifsicle:

brew install gifsicle

  • 使用 gifsicle 压缩 GIF 时,用这个命令:

gifsicle -O3 [想要压缩的图片] -o [新图片名]

其实 gifsicle 也有着较为丰富可调节参数,但是最实用的还是用 -O3 让它自动为你选择压缩方案,一般能在画质和体积之间取得平衡,并且第一帧之后的每一帧都能得到优化。

当然,在最后,我也为不习惯使用命令行的读者准备了一个封装好的 Automator 程序:点此下载

null