国内直播礼物动效格式实践:SVGA、VAP、YYEVA、PAG 与 Lottie
国内公开资料呈现出一个稳定事实:直播礼物动效很少只交付一个格式。设计社区案例会同时出现 VAP、SVGA、Lottie、MP4 等文件;技术方案则围绕透明、硬件解码、复杂特效和运行时动态元素做取舍。因此,格式选择应从播放链路、透明方式和动态元素需求开始,而不是从文件扩展名开始。
本文只整理公开资料中的可验证信号,并将其转化为 MotionTools 的选型和验收方法。社区文章是实践经验,礼物服务商页面是市场需求样本,两者都不等同于所有平台的兼容性标准;官方仓库和产品文档用于核对格式能力与维护状态。
一句话结论
- UI 图标、加载和轻量运营动效:先比较 Lottie、DotLottie、WebP 和 APNG。
- 复杂客户端动效:比较 PAG 与 SVGA 的播放器、编辑和维护条件。
- 直播礼物、头像框和动态昵称:先确认 VAP、YYEVA 或双通道播放链路,再决定输出格式。
- 普通视频投放:通常使用 MP4,但不要把普通 MP4 当成透明视频。
- 旧开源方案可以帮助理解格式,但生产选型必须核对仓库是否仍维护、目标 SDK 是否可用。
公开资料看到了什么
| 来源 | 可核对信号 | 对选型的意义 | 证据级别 |
|---|---|---|---|
| 站酷:千牧科技语音直播礼物案例 | 作品标题同时列出 VAP、SVGA、Lottie、MP4;作者提示 GIF 会损失画质 | 真实交付经常需要多格式预览或多端版本,GIF 预览不能当最终母版 | 设计交付样本 |
| 优设:5 种动效格式优缺点 | 按序列帧、GIF、Lottie、APNG、SVGA 对比导出和场景;讨论体积、锯齿、效果兼容 | 先看播放场景和效果复杂度,再决定格式;社区经验需要目标端复测 | 设计实践文章 |
| 我爱礼物网:礼物作品列表 | 页面按礼物、座驾、进场特效、头像框、勋章等业务位分类,并展示时长、音效、2D/3D 和海外主题等字段 | 交付单除格式外,还应记录业务位、时长、音效、维度和地区主题 | 礼物服务市场样本 |
| 刷礼网:直播礼物作品分类 | 页面列出礼物、头像框、进场座驾、麦位框、聊天气泡、进场 UI、徽章,以及画幅和节日分类;标题出现 SVGA、VAP、MP4 | 页面与问答入口应覆盖真实业务叫法;格式词只代表服务范围,不证明技术兼容性 | 礼物服务市场样本 |
| 腾讯 VAP 官方仓库 | VAP 面向特效动画,强调硬件解码、较高压缩率、复杂粒子效果和动态属性 | 直播礼物需要透明、复杂特效或动态昵称时,可把 VAP 作为播放链路候选 | 官方开源说明 |
| 腾讯 VAP 仓库维护提示 | 仓库明确提示已停止维护,并推荐腾讯云礼物动画特效 | 不能把开源 VAP 仓库写成长期维护保证;上线前要核对当前 SDK | 官方维护状态 |
| 腾讯云礼物动画特效功能概述 | 支持 MP4、VAP、SVGA、PAG、WebP、Lottie、PNG 序列等转换后播放,并强调低端设备性能和安全 | 说明商业播放方案更关注多格式接入、性能、兼容性和资源保护 | 官方产品文档 |
| YYEVA 官方仓库 | YYEVA 基于透明 MP4,支持插入动态元素、AE 插件、客户端渲染和在线预览 | 需要透明视频加动态头像、昵称或文案时,重点是资源制作规范和播放器配套 | 官方开源说明 |
| YYEVA 设计规范 | 动态元素依赖 mask_text、mask_image、key、颜色、字号、缩放模式和 RGB/Alpha 布局 | “能插入动态元素”不是自动获得的,设计文件必须按规范预留位置 | 官方设计规范 |
| 腾讯 libpag | PAG 支持矢量与光栅动画、AE 效果、运行时替换,并提供性能监控面板 | 复杂 AE 动效和运行时编辑需要 PAG SDK、导出器和目标端共同支持 | 官方开源说明 |
| SVGAPlayer-Web | Web 播放器仓库已于 2023-02-06 归档;README 仍记录图片和文字动态替换接口 | SVGA 的历史能力仍有参考价值,但生产项目必须确认当前维护分支和浏览器支持 | 官方仓库状态 |
七条可复用的国内交付经验
1. 设计交付不是“导出一个文件”
站酷礼物作品把 VAP、SVGA、Lottie、MP4 同时写进作品标题,优设文章也把多个格式放在同一个落地比较中。这不代表每个项目都必须全部输出,而是说明设计交付应该先确认:预览格式、主播放格式、兜底格式和提审格式是否不同。
MotionTools 的建议交付单应至少记录:源格式、目标平台、主格式、兜底格式、透明方案、动态元素 key、音频策略和验收播放器。
2. 复杂效果与可编辑结构是两种不同目标
PAG、SVGA、VAP 和 YYEVA 都可能承载复杂画面,但“最终画面复杂”与“运行时还能替换文字或图片”不是同一个能力。转换为 MP4 后,通常只剩最终画面;要保留动态元素,应在源格式或专用透明视频链路阶段完成设计。
3. 透明有三种常见实现,不应混为一谈
- 带格式元数据的透明视频,例如 VAP、YYEVA。
- 颜色通道和 Alpha 通道分开交付的双通道视频。
- 实际编码含 Alpha 的 WebM 或动画图片。
普通 MP4 只是视频容器和编码组合,通常不代表包含 Alpha。验收时要同时检查文件、编码和播放器。
4. 直播礼物要把性能写进规格
腾讯云礼物动画特效把低端设备播放、多动画同时播放、资源安全和多格式转换作为产品能力的一部分。对应到设计交付,尺寸、帧率、时长、图片数量、音频和目标设备应进入验收表,而不是只看设计稿里的观感。
5. 业务位和画幅比“礼物动效”这个总称更具体
我爱礼物网和刷礼网都把内容拆成礼物、座驾或进场、头像框、徽章等业务位,后者还出现麦位框、聊天气泡、进场 UI 和大中小画幅分类。这些页面不能证明格式能力,但能说明交付前必须明确内容将出现在哪个坑位、占多大画面、播放多久以及是否带音效。相同动画放进全屏礼物、头像框和麦位框时,尺寸、透明边缘、循环方式和性能预算都不同。
6. GIF 和视频预览不能替代原格式验收
站酷案例提示 GIF 可能损失画质,优设也指出 GIF 在大尺寸透明动效上存在锯齿和色彩限制。GIF 适合快速预览或小元素,不适合用来证明 VAP、SVGA、PAG 或 YYEVA 的最终效果。
7. 开源项目的“历史能力”和“当前可用性”必须分栏
VAP 和 SVGA Web 仓库的维护状态已经发生变化;这不会抹掉格式历史价值,但意味着技术选型需要单独记录仓库状态、SDK 版本、替代方案和责任人。公开内容不应把“曾经支持”写成“现在保证”。
给设计与开发的交付模板
| 字段 | 要求 |
|---|---|
| 业务场景 | 全屏礼物、座驾/进场、头像框、麦位框、聊天气泡、徽章、活动页或投放 |
| 坑位与画幅 | 实际展示区域、大/中/小画幅、横竖屏、裁切和安全区 |
| 主题与地区 | 日常、节日、活动、海外市场或多语言版本 |
| 主播放端 | Android、iOS、Web、小程序或业务播放器名称和版本 |
| 主格式 | 例如 VAP、YYEVA、PAG、SVGA、Lottie 或 MP4 |
| 透明方式 | Alpha、双通道、格式元数据或不透明背景 |
| 动态元素 | 图片/文字 key、字号、颜色、缩放模式和最大长度 |
| 音频 | 文件内承载、业务侧播放、替换、删除或无声 |
| 性能预算 | 尺寸、帧率、时长、体积、并发播放和低端机要求 |
| 兜底版本 | 发生兼容问题时使用的格式或静态封面 |
| 验收证据 | 目标端截图/录屏、文件信息、版本和核对日期 |
MotionTools 中的落地路径
- 用动效格式能力矩阵确认源格式和目标格式在当前工作区是否有转换选项。
- 用透明视频检测与排查确认背景、通道和动态元素。
- 需要减小 SVGA 或 Lottie 体积时,分别使用 SVGA 在线压缩 或 Lottie 在线压缩。
- 只需要普通视频时,使用 Lottie 转 MP4 并明确实色背景和编码质量。
- 下载结果后,在真正的目标播放器、设备和业务背景上验收。
打开 MotionTools 动效工作区 上传实际礼物动效,按本文的业务位、格式、透明、动态元素、音频和性能字段逐项核对。工作区需要登录。
资料使用边界
本文是对公开资料的原创归纳,不复制设计社区或礼物服务商的作品图、商品素材、代码或大段原文。设计社区内容用于观察交付习惯,服务商页面只用于观察业务分类和市场用语,官方仓库和产品文档用于核对格式能力;任何具体项目仍应以目标播放器、版本和真机测试为准。
资料核对日期:2026-08-16。外部页面的内容和维护状态可能变化,发布前应重新打开来源链接复核。