如今，动效在互联网中随处可见：UI场景中的Loading、APP开屏特效，直播场景的礼物和点赞特效，以及用户拍摄场景的魔法道具特效等等。而优质的动效不仅可以使用户更容易地理解产品功能和操作方式，减少用户使用难度，还能增加用户与产品的互动性，提升产品的打开率。但动效素材的生产流程却一直是个很大的行业痛点，主要因为在传统的工作流下，依赖代码手工还原动效的方式存在巨大的生产瓶颈。PAG（Portable Animated Graphics）动效方案很好地解决了行业在动效需求上线这块的大量痛点。开源一年时间，已经接入了上千的互联网业务，其中不乏微信、小红书、QQ、知乎等很多头部应用，稳定性经过了海量用户的持续验证。# PAG 介绍PAG 是一套完整的动效工作流，提供从 AE (Adobe After Effects) 导出插件 ，到桌面预览工具，再到各平台的渲染 SDK，能够一键将设计师在 AE 中制作的动效内容导出成素材文件，并快速渲染到 iOS，Android，macOS，Windows，Linux 和 Web 等几乎所有的主流平台上。PAG 的目标是降低或消除动效相关的研发成本，打通设计师创作到素材交付上线的极简流程。<img width="1226" alt="1" src="https://github.com/ruanyf/weekly/assets/6849001/200d2141-115f-49ca-8741-83b6b717554d"># PAG 的技术优势在技术方案方面，相比行业内其他的同类型方案如 Lottie 和 SVGA，PAG 的技术优势主要体现在以下几个方面：1、文件格式压缩率极高，相同动效内容导出 PAG 方案平均比其他方案的文件小 50%：PAG 采用针对 AE 时间轴属性设计的二进制文件编码器，整个框架体积小，解码速度快，文件体积小，并支持单文件集成图片和音频等外部资源。2、能够支持所有 AE 特性的导出，不限制设计师的创意发挥：相比于其他同类方案，PAG 支持所有 AE 特性的导出和渲染，使用 BMP 预合成的解决方案，支持将特定图层截图导出成透明视频，实现了对于所有 AE 特性导出的支持。3、性能优秀，全平台开启硬件加速，平均渲染耗时少 50%。4、完整的运行时可编辑性，保留动效的前提下快速套用动效到用户图片或文本上。5、SDK 支持所有主流平台，包括服务端渲染能力，可以完美覆盖云服务场景。6、丰富完善的工具链支持，每个素材都可以实现精确的性能分析和优化提醒。<img width="1124" alt="2" src="https://github.com/ruanyf/weekly/assets/6849001/4c6c8fc3-2102-4627-bea4-e00cc5158b4e"># PAG 业务价值## 1、 App 动效场景PAG 方案目前在移动端 App 中的应用最为广泛，其中不乏直播、短视频场景（如微信视频号的直播的线上是采用 PAG 实现互动及礼物动效，而手 Q 小世界的贴纸花字以及视频模板也依赖 PAG 制作。），以及 UI 场景和活动运营场景（如微信红包皮，腾讯视频年终总结 H5）。## 2、服务端视频生成在视频广告的场景下，腾讯 AMS 业务在全面切换到 PAG 的方案后，视频模板的月产量直线提升了 50 倍，在接入 PAG 的在线视频生成服务后，相比原方案的渲染性能提升了8 倍，显著降低了机器成本。而在游戏战报的场景下，借助 PAG 提供的原子组合的能力，可以从多个 PAG 素材文件动态组合出一个自适应的模板，完美地满足了游戏战报这类动态化模板的生产需求，支撑了包括王者荣耀，和平精英以及英雄联盟手游在内的千万级战报视频的生成需求。# 总结总体来说，PAG 动效组件项目拥有全面的能力、完善的工具链和不错的上手体验，通过桌面工具和 AE 插件一键将设计师的动效创意导出成 PAG 文件，并能快速渲染到市面上几乎所有主流平台上。有了它不管是研发还是设计，都能在面对动效上线时轻松许多。欢迎大家进访问我们的 github 和官网进一步了解：GitHub：https://github.com/Tencent/libpag官网：https://pag.art/