WebP进阶篇--Gif2WebP

前几天在看公众号“程序员那些事”,中间有看到一个漫画。
Gif 趣图:现代软件开发流程就是这样的
这个漫画貌似不完整,所以有下面围观群众表示:老板卡带了,结局没了。

截图

图片的源地址,那么问题来了,平常我们在上传图片,如果真的需要上传一张比较大的动图除了截取一段或者转成视频,还有什么别的方法吗?

真相永远只有一个

WebP!

是不是觉得很诧异!别的文章讲的都是如何将PNG,JPG这一类的静态图片转成WebP,竟然连Gif都能转?(开个玩笑,你要是真的诧异了,请去看我的文章视频直播之webp礼物解决方案

WebP对比Gif有太多天然优势,颜色丰富,支持自定义透明,重点是文件大小小啊!我们来看一下前面说的那张图

gif 5.1MB

WebP 1.5MB
什么你看不到图片?Sorry,,Safari不支持WebP,请用Chrome打开文章
WebP 1.5MB 什么你看不到图片?Sorry,,Safari不支持WebP,请用Chrome打开文章

是不是感觉两张质量没有什么大区别,但是大小差距太大了。
讲了这么多废话,进入正题

Talk is cheap, show me the code!

接下来我们就来分析下如何用gif转成webP制作,首先我们需要webP工具包,我是链接
根据各个平台下载大家所需要的平台包,然后打开压缩包在bin下面就会有一个gif2webp的命令行工具。

官方介绍标准的使用方法是

gif2webp [options] input_file.gif -o output_file.webp

然后你去执行了,发现雾草,怎么大小才减少了零点几兆,这时候就要祭出高级使用法了。

First!我们都知道webP有一个压缩率,这个命令行也有这个参数,参数名是

-f 这边输入一个0到100的float

比较通用的是75,所以默认值也是75,但是你运行完,发现还是不对,大小也没小多少。之所以会这样,因为默认是无损的,所以我们要开启有损压缩。

-lossy
    Encode the image using lossy compression.

加了这个之后是不是一下子下降到1.8MB,你就开始想,是不是还能压缩呢?

没错!

这边我们要提到一个压缩方法,gif2webp命令行默认是使用4个压缩方法的,其实上限是6个,但是压缩方法越多,意味着压缩时间越长,当然我们只是单纯的想减少图片大小,所以我们可以再加上一个参数

-m 6

综上我们把命令行的所有参数结合到一起

gif2webp path/source.gig -o path/dest.webp -q 75 -lossy -m 6

最终我们将一张5.1MB的gif压缩到了1.5MB,质量上并没有很大的区别。Unbelievable!!!

写的有点乱,大家见谅见谅。

PS. 现在公众号平台并不支持直接webP上传,但是!你所看到的公众号文章所展示的图片都是被webP转换过的,估计是为了兼容Safari或者IE这种不支持webP的浏览器吧

https://www.zhihu.com/question/26430958
http://weibo.com/2306114930/DC0BJ8dIZ

转载请注明出处!!!

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

推荐阅读更多精彩内容

  • 尽量减少PNG图片的大小是Android里面很重要的一条规范。相比起JPEG,PNG能够提供更加清晰无损的图片,但...
    Viking_Den阅读 460评论 0 0
  • 移动端图片格式调研 图片通常是移动端流量耗费最多的部分,并且占据着重要的视觉空间。合理的图片格式选用和优化可以为你...
    AngeloD阅读 1,235评论 0 5
  • 注明:本人原创翻译,原版为Essential Image Optimization电子书,这里将其拆分为几篇文章发...
    ProteanBear阅读 5,115评论 0 5
  • WebP(发音 weppy),是一种支持有损压缩和无损压缩的图片文件格式,派生自图像编码格式 VP8。根据 Goo...
    九都散人阅读 4,355评论 0 10
  • 图片通常是移动端流量耗费最多的部分,并且占据着重要的视觉空间。合理的图片格式选用和优化可以为你节省带宽、提升视觉效...
    傻傻小萝卜阅读 745评论 1 9