lns103 发表于 2026-5-2 21:55:51

【春露华浓】高质量AVIF动图制作技巧

本帖最后由 lns103 于 2026-5-6 13:53 编辑


目前论坛里的动图还是以GIF为主，这种格式古老，压缩率和画质都很差，唯一的好处是可以直传论坛。
在正式介绍AVIF制作之前，先给几个示例，展示AVIF的好处

首先按照论坛图片附件大小限制来一张极限压缩（lv.1限制400KB）
https://origin.picgo.net/2026/05/02/sam94cca8e2b34a81fe.avif
时长15s 分辨率360x640 30fps 码率210kbps 大小382KB
Instagram @sammsalter

但其实论坛不支持avif原生上传，用附件的方式也不太优雅，这里我们使用的第三方图床
(我用的是picgo.net，任意支持avif原图的图床都可以)
来两个 406x720 300kbps 的动图(应该算小视频了
https://origin.picgo.net/2026/05/02/Tom-Daleye606ea91a251328f.avif   https://origin.picgo.net/2026/05/02/dojoee0bf7bd469f04b5.avif
30fps 31s 1.1MB Instagram @tomdaley                     60fps 76s 2.76MB Tiktok @guidias_aal_dojo

这么棒的格式是怎么做到的呢？

其实AVIF格式就是AV1视频编码封装进HEIF容器，所以只要获得AV1编码视频，就能无损转换AVIF动图

下面是完整教程
首先需要安装HandBrake和ffmpeg
HandBrake直接官网下载安装
ffmpeg如果是Windows系统，先打开终端命令行安装Scoop，然后使用命令 scoop install ffmpeg
Mac OS可以使用 Homebrew 安装，具体教程网上有，我没有Mac，就跳过

将准备好的视频拖入HandBrake
https://origin.picgo.net/2026/05/02/HandBrake1faac15cbb64a3fb3.png
最大大小建议限制 720x720 变形选“无” 裁剪什么的自己看情况
滤镜全关
https://origin.picgo.net/2026/05/02/HandBrake2eee3839bdab91c14.png
编码器选择 AV1(SVT)（除非HDR，不然没必要用10bit，其它的NVenc之类的编码器质量太差）
帧率一般选Same as source，选择固定帧率
码率手动输入，不复杂的场景300勉强够用，不够可以加到400 600什么的（码率除以8就是每秒KB数）
编码器预设建议 3-4 (越小质量越高，电脑性能好的可以调更小)

音频可以直接X掉，不管也行

视频导出后一般为mp4封装，这时打开终端命令行，输入 ffmpeg -i "输入路径/视频.mp4" -c copy "输出路径/动图.avif" 就可以自动转换
（小技巧，Windows11可以右键复制文件地址，也可以把文件拖入终端，自动输入地址）

导出的avif可以拖入Chrome/Edge浏览器预览（之前导出的视频也可以直接打开观察画质）
最后上传图床，用BBcode嵌入帖子即可

其实我的签名也是avif动图
720x300 24fps 300kbps 86s 2.86MB
https://origin.picgo.net/2026/05/02/singature86d5fa0fd964a6b0.avif
YouTube 直接下载的，1280x720 24fps 21.1MB 05:34
https://origin.picgo.net/2026/05/03/1000027089d445d5a57015e892.mp4

凯诺斯 发表于 2026-5-2 22:01:33

很实用的技巧惹，AVIF的质量看起来确实要比GIF高很多{:6_169:}

5kk 发表于 2026-5-2 22:04:59

想知道那张黄毛压着黑毛的动图出处惹，是GV吗？看着好可

水晶螳螂 发表于 2026-5-2 22:08:04

我去，像素好高，和看小视频差不多

DIMDANMAS 发表于 2026-5-2 22:12:12

要是看上对眼片段可以自己拿来做动图了

accel734 发表于 2026-5-2 22:24:07

感谢楼主的教程 很实用，转出来的效果很好

娱乐法师火布偶 发表于 2026-5-2 22:50:14

论坛框架比较老了，这样的新格式肯定没办法支持，勋章图片的动图也只能用gif

heluhong0210 发表于 2026-5-2 22:54:55

P3怎么如胶似漆缠在一起））好羡慕

Burry 发表于 2026-5-2 22:58:43

楼主的教程很详细呢，提高图片质量方法。

小蓝龙泷泽 发表于 2026-5-2 22:59:22

画质和流畅度都不是gif能比的，但论坛太老了，很多只能支持gif，如果勋章也能用这个软件制作就好了

毛茸茸兽兽 发表于 2026-5-2 23:16:28

吼～第一张这眉毛和眼睛还挺有戏的咧～

xqwh 发表于 2026-5-2 23:17:49

一直就在思考明明视频现在都那么清晰而且不占太大地方，gif这种老东西为什么还能活到现在

wzj19970411 发表于 2026-5-2 23:19:06

这么清楚的GIF图没想到才这么小吗，这个方法真的很厉害了

hs90419a 发表于 2026-5-2 23:43:40

很棒的技術帖
15秒才382KB
膜拜技術大佬

盘上雷 发表于 2026-5-2 23:52:24

很详细的教程，而且占用内存还很小方便保存

x1x2x3 发表于 2026-5-2 23:53:06

谢谢楼主分享技巧，这种方法做出来的动图质量高占用内存又小很适合发图呢

horizonLd 发表于 2026-5-2 23:54:09

昨天解包一个图片全部用avif存储的游戏就发现这个格式压缩率真的蛮吓人，以后都使用avif的话感觉体验会好不少

多崎作 发表于 2026-5-3 00:04:09

謝謝分享
這種格式好像比gif好很多
圖片比較清晰 另外推個Heated Rivalry;P

windowview 发表于 2026-5-3 00:05:36

400K竟有这么高的清晰度？？？？厉害了

Pul- 发表于 2026-5-3 00:12:49

要搭图床有点可惜，不过对想传大量≈视频的坛友帮助应该很大了https://gcore.jsdelivr.net/gh/googlefonts/noto-emoji/svg/emoji_u1f431.svg
页: [1] 2 3
查看完整版本: 【春露华浓】高质量AVIF动图制作技巧