FFmpeg 视频转高质量 gif 图输出方案对比

不好意思,这里先安利下自己最近上架的应用,因为这个 App 使用了本篇文章中提到的技术方案进行了实现,实际效果欢迎大家直接去 Google Play 或国内酷安市场下载安装试试,欢迎拍砖。
VEditor - Google Play
VEditor - 酷安

使用 ffmpeg 视频文件转 gif 输出时,需要压缩 gif 输出,参考文章使用 ffmpeg 实现 MP4 与 GIF 的互转 可以进行基本的处理。但是看到使用 FFmpeg 处理高质量 GIF 图片 这篇文章中阐述了一些提升方案。按照文章中说的方案进行了处理,下面是对比使用普通方案的效果。

原理介绍的英文原文:High quality GIF with FFmpeg

原理(参考原文中的描述)

GIF 是受限于256色调色板。并且默认情况下,FFmpeg 只使用一个通用调色版去尝试覆盖所有的颜色区域,以此来支持含有大量内容的文件。

普通转换为GIF的效果图

提高 GIF 图片质量的第一步就是定义一个更好的调色板。GIF格式存储了一个全局调色板,但你可以对一张图片重新定义一个调色板。

每一帧的调色板都可以取代全局调色板来只对一帧起作用。一旦你停止定义一个调色板,它将会回落到全局调色板。

因此先考虑为gif生成一个新的调色板,第一次遍运行是对整个图片计算一个调色板,这就是新的 palettegen 滤波器参与进来的地方。
这个滤波器对每一帧的所有颜色制作一个直方图,并且基于这些生成一个调色板。这个滤波器是在做色彩量化,并且生成一个调色板(通常保存在一个PNG文件里)

生成全局调色板

提升gif质量的第二步是解决颜色映射与抖动。
生成全局调色板后,第二步就是将颜色效果映射到颜色输出流中,这个是通过 paletteuse 滤波器完成的。它将会使用这个调色板来生成最终的量化颜色流,它的任务是在生成的调色板中找出最合适的颜色来表示输入的颜色。
这个滤波器也是你可以选择使用哪种抖动方法的地方,抖动可以让图片更加清晰。使用这两个滤波器效果后可以让你将 GIF 编码成单全局调色板、抖动的。

关于抖动,是指把图像从较高色彩深度(即可用的颜色数)向较低色彩深度的区域绘制时,在图像中有意地插入噪点,通过有规律地扰乱图像来让图像对于肉眼更加真实的做法。对于图像降低色彩深度绘制时,可以避免出现大片的色带与色块,借以提升实际观感效果。

进行高质量输出优化后的效果

实际测试环境

平台: Nexus 5X
操作系统: Android 7.1.1
视频原文件: demo.mp4
FFmpeg库: 自编译支持 Android 平台的 ffmpeg 的 so 包

普通方案下的处理

1.执行命令

普通方案生成 gif
@param startTime 开始时间 秒/s
@param duration  间隔时间 秒/s(用来截取视频)
@param videoPath 源视频路径
@param outFilePath Gif输出路径
String command = "ffmpeg -ss " + startTime + " -t " + duration + " -i " + videoPath + " -r 15 -vf fps=15,scale=270:-1 " + outFilePath;

2.输出效果图

demo_mp4_1499666734.gif

3.实际运行 Log 日志

普通视频转GIF方案执行耗时 5349 ms
输出文件大小:2,649,453 字节
尺寸:480 × 270
07-10 14:10:45.360 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif videoPath:/storage/emulated/0/demo.mp4
07-10 14:10:45.361 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif outFilePath:/storage/emulated/0/VideoReverser/demo_mp4_1499667045.gif
07-10 14:10:45.361 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif startTime:2 duration: 11
07-10 14:10:45.369 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command:ffmpeg -ss 2 -t 11 -i /storage/emulated/0/demo.mp4 -s 480*270 -b 568k -r 10 -pix_fmt rgb24 -f gif /storage/emulated/0/VideoReverser/demo_mp4_1499667045.gif
07-10 14:10:45.371 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command onBegin
07-10 14:10:47.208 5355-5355/gdut.bsx.videoreverser D/VideoReverser: onCompletion
07-10 14:10:50.709 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command onEnd0
07-10 14:10:50.709 5355-5355/gdut.bsx.videoreverser D/VideoReverser: cmdGif 耗时:5349

GIF高质量优化方案

1.创建全局调色板

生成全局调色板命令:
@param startTime 开始时间 秒/s
@param duration  间隔时间 秒/s(用来截取视频)
@param videoPath 源视频路径
@param globalPalettePicPath 输出的全局调色板的路径
String command = "ffmpeg -ss " + startTime + " -t " + duration + " -i " + videoPath + " -b 568k -r 20 -vf fps=20,scale=320:-1:flags=lanczos,palettegen -y " + globalPalettePicPath;

输出的全局调色板图片:

全局调色板图片.png

2.输出优化后的 gif

利用调色板图片和视频源文件同时处理生成 gif 命令:
@param startTime 开始时间 秒/s
@param duration  间隔时间 秒/s(用来截取视频)
@param videoPath 源视频路径
@param globalPalettePicPath 全局调色板的路径
@param outFilePath Gif输出路径
String command = "ffmpeg -v warning -ss " + startTime + " -t " + duration + " -i " + videoPath + " -i " + globalPalettePicPath + " -r 15 -lavfi fps=15,scale=270:-1:flags=lanczos[x];[x][1:v]paletteuse -y " + outFilePath;

输出最终 gif 图片:

demo_mp4_1499666734.gif

3.实际日志输出

执行耗时: 16931 ms
输出文件大小:2,951,864 字节
尺寸:320 × 180
07-10 14:05:34.327 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif videoPath:/storage/emulated/0/demo.mp4
07-10 14:05:34.328 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif outFilePath:/storage/emulated/0/VideoReverser/demo_mp4_1499666734.gif
07-10 14:05:34.328 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif startTime:2 duration: 11
07-10 14:05:34.328 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command:ffmpeg -v warning -ss 2 -t 11 -i /storage/emulated/0/demo.mp4 -r 10 -vf fps=10,scale=320:-1:flags=lanczos,palettegen -y /storage/emulated/0/VideoReverser/demo_mp4_1499666734.png
07-10 14:05:34.332 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command onBegin
07-10 14:05:42.973 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command:ffmpeg -v warning -ss 2 -t 11 -i /storage/emulated/0/demo.mp4 -i /storage/emulated/0/VideoReverser/demo_mp4_1499666734.png -r 10 -lavfi fps=10,scale=320:-1:flags=lanczos[x];[x][1:v]paletteuse -y /storage/emulated/0/VideoReverser/demo_mp4_1499666734.gif
07-10 14:05:51.258 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif Command onEnd0
07-10 14:05:51.258 2557-2557/gdut.bsx.videoreverser D/VideoReverser: cmdGif 耗时:16931

总结

对于 gif 的处理要考虑好媒体文件的相关特性,不论是从分辨率、帧率或采样率等都需要仔细考虑产品的需求依赖。要对文件图像质量和文件大小等方面综合考虑,以实际观感出发,确定文件合适的操作依据。

再安利一波

最近自己开发的这个 App 按照了本篇文章中提到的技术方案进行了实现,实际效果大家直接去 Google Play 或国内酷安市场下载安装试试,欢迎拍砖。
VEditor - 酷安
VEditor - Google Play

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,242评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,769评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,484评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,133评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,007评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,080评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,496评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,190评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,464评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,549评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,330评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,205评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,567评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,889评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,160评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,475评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,650评论 2 335

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,049评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,943评论 4 60
  • 版本记录 前言 xcode有很多基础配置,这里很杂很细,需要大家很细心的注意,并不难,但是这里的基础配置的设置无疑...
    刀客传奇阅读 10,094评论 11 13
  • 4-29晚上的火车,武汉-北京。30号到,第二次来到北京,4个人。带着项目,带上好心情,下火车,就忙着订酒店。于是...
    Themores阅读 227评论 0 4
  • 借我十年 借我亡命天涯的勇敢 借我说的出口的淡淡誓言 借我杀死庸碌的情怀 借我一个美好的地方
    新鲜的阳光_1364阅读 276评论 0 0