PixiEditor 动画导出指南:3 种动图格式 × 5 档质量预设的压缩设置 📅 发布时间:2026/9/20 5:35:35 👁 浏览次数: PixiEditor 动画导出指南3 种动图格式 × 5 档质量预设的压缩设置【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditorPixiEditor 是一款开源 2D 像素艺术编辑器除了画像素、修图、画矢量还能把时间轴上的逐帧动画导出为 GIF、MP4、APNG。导出管线由内置 FFmpeg 渲染器驱动GIF 自动生成整段动画的最优调色板MP4 用五档质量预设控制体积。本文讲清每种格式背后的压缩机制以及不同用途下怎么选参数。 项目介绍与适用场景像素、画笔、矢量混用的 2D 编辑器PixiEditor 的定位是通用 2D 编辑器像素、画笔、矢量三套工具集可以在同一张画布上混用结果能导出 png、jpg、svg、gif、mp4 等格式。做游戏精灵图、社媒贴纸、像素动画的创作者基本可以在一个工具里完成从绘制到交付的全流程。2.0 版本加入了时间轴支持逐帧动画与洋葱皮预览每个文档还暴露了节点图图层和特效本身都是节点可以用效果节点拼出程序化动画再走同一套导出管线输出成片。⚙️ 核心机制解析GIF、MP4、APNG 三种格式的压缩路径所有导出参数最终都交给同一个渲染器。在 FFMpegRenderer.cs 中OutputFormat决定走哪条压缩路径帧率、输出尺寸和质量预设随格式一起写入 FFmpeg 命令行。图PixiEditor 时间轴界面关键帧编辑与逐帧预览都在这里完成GIF 导出两遍调色板压出更小体积GIF 每帧只能带 256 色直接逐帧编码容易出现颜色闪跳。PixiEditor 让 FFmpeg 跑两遍先用palettegen滤镜扫描全部帧生成一张覆盖整段动画的最优调色板图编码时再用paletteuse把这张调色板套到每一帧缩放走 lanczos 算法。options.WithCustomArgument( $-filter_complex \[0:v]fps{FrameRate},scale{Size.X}:{Size.Y}:flagslanczos[x];[x][1:v]paletteuse\) .WithCustomArgument(-vsync 0);对你的实际影响同一动画的 GIF 版体积比朴素编码小不少且跨帧颜色保持一致不会出现前后帧色偏。MP4 导出五档质量预设对应的 qscale 参数MP4 要解决的是体积和画质的平衡。渲染器使用 mpeg4 编码加 yuv420p 像素格式质量由 qscale 数值控制五档预设定义在 IAnimationRenderer.cs 的QualityPreset枚举里。QualityPreset switch { VeryLow 31, Low 25, Medium 19, High 10, VeryHigh 1, };qscale 越小质量越高、文件越大VeryHigh 对应 1基本保留全部细节导出对话框的默认选择就是最高档。APNG 导出无损动图的兜底选项不想接受有损压缩时选 APNG走专用apng编码器原样保留每个像素。代价是体积通常比有损格式更大适合尺寸不大、又要求透明通道准确的动图。 场景化参数建议按用途选择导出格式与质量档位社媒贴纸、短循环动画选 GIF质量档位往低选调色板生成后颜色会收敛到 256 色画面色块越少体积越友好时间轴帧率按动作需要下调循环类动画不必追求高帧率游戏素材演示、作品集展示选 MP4 High 或 VeryHigh 档像素边缘细节保留得最完整网页嵌入、需要透明背景选 APNG无损但体积偏大建议配合导出时缩小尺寸逐帧素材交付给引擎导出视频时勾选文件夹导出帧会逐张落盘可直接导入游戏引擎 进阶细节导出对话框里三个容易忽略的设置预览按目标帧率真实回放在 ExportFilePopup.axaml.cs 中预览区用定时器按1000/帧率的间隔逐帧播放并先缩放到目标分辨率可以先确认成片节奏再点导出避免导出后返工。一键缩到 1280 以内对话框的“最佳百分比”按钮会按最长边不超过 1280 像素取整百倍率适合把大画布快速缩到网页常用尺寸。FFmpeg 随程序自带各平台二进制打包在ThirdParty/{平台}/ffmpeg目录Linux 下首次运行会自动补执行权限不需要单独安装依赖。图PixiEditor 主界面工具集切换、画布与调色板一屏可见 总结与快速上手把 PixiEditor 跑起来的最后一步PixiEditor 的动画导出没有玄学参数GIF 靠两遍调色板保色MP4 靠 qscale 分五档控体积APNG 兜住无损需求所有设置都摆在导出对话框里。git clone https://gitcode.com/GitHub_Trending/pi/PixiEditor克隆仓库后按编译指南构建画一段短动画选 GIF 导出——整条管线就跑通了。【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考