加载gif动图_【知乎编辑技巧】GIF动图 的插入 2020.05

d6154d6fdc23687fedf546b65ae64a81.png

GIF动图,相比视频,打开的成本会更低一些,能够展示有限的动画和过程

我研究了一下如何插入比较高画质的GIF

@知一声
考虑在PC端价格视频转动图的功能吗~

有个前提——

除非GIF带来的阅读提升感受很明显

否则,高容量和流量占用会导致读者

  1. 无法快速加载GIF
  2. 消耗大量流量
  3. 过多的GIF,会导致浏览体验会有卡顿

01 知乎对GIF的限制

  1. 容量小于10M
  2. 宽度660像素会最合适(缩放)

高清晰度的GIF会比较大,一般会超过10M

使用手机软件制作的要么有水印,要么质量一般

7d6bc41ab00a4fc072f00b69a735b2d5.png
动辄接近10M的高清GIF图

02 使用Premire截取视频,制作GIF动图

内存16GB的轻薄本都可以使用
  1. 在Pr中选中需要截取的片段(I O)(3-5s)
  2. 选择导出(Ctrl+M)
  3. 进入下面的设置界面,选择导出格式为【GIF 动画】

76b0836f76a515beec02abe695b50eac.png

参数设置:

  1. 质量 1
  2. 宽度660 (高度不用管,等比例缩放即可)
  3. 帧速率20(比较流畅)

设置完直接导出,即可

effbc7d0b37f379c6d4faad345c3c422.png

03 几个说明

关于尺寸为什么要设置宽度660

  • 咱们直接看图——
  • 660是知乎压缩显示的最大宽度,超过660画质会下降一些;低于660图片会稍微小一些
  • APP的体验会好一些

宽度660的GIF,网页端显示效果最好~

011b7d36ea27f0bc3e7f8c87e53476a0.gif
宽度440

c97d6a8e288c3537b8997fbe747dc4b4.gif
宽度660

6f300ea8ee86f7d90087f308a0c1962a.png

关于帧率

  • 20/25流畅度差不多,20体积更小
  • 50非常流畅,但是体积会比较大
  • 12.5会有明显卡顿,除非GIF时间太长,一般不用12.5

优先考虑20的帧率,如果片段短,可以上50;如果片段长,上12.5

61ab21936b84400dbbb992b86dd40dc4.gif
12.5 卡顿

6f749b17b5b0ed8ac23e588133057d58.gif
20流畅

ab60826dff7b81aeb4ec9d5baf010185.gif
50:顺滑!

关于时长

  • 低于1.5s的GIF会让人觉得太快,还没看清楚就结束了
  • 高于5s的GIF占用空间一般会大于10M

建议通过 【加速】【剪辑】,尽可能把GIF时间限制在1.5-5s

72d0cb2a9b9b5a11e1465b8f42da8610.gif
6s,12.5低帧率,照片大小8M

希望大家能够充分利用好工具,提高自己的内容质量~

分享结束,求个点赞收藏关注

我会第一时间分享自己新掌握的知识和技能

基本都是没人仔细写过的细节知识

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值