PixiEditor 动画导出完整指南GIF、MP4 与 APNG 参数怎么选【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditorPixiEditor 是一款跨平台 2D 像素编辑器画完动画后可以直接导出为 GIF、MP4 或 APNG。很多人第一次导出就会遇到两个问题GIF 又糊又大MP4 压出来色彩发灰。这篇文章拆一下 FFMpegRenderer.cs 里这套导出逻辑是怎么工作的再给出每种场景该选哪个格式和哪档质量。PixiEditor 的时间轴与关键帧编辑界面导出动画前可先逐帧检查为什么导出的动画文件总是又大又卡先说结论文件大小主要由三个变量决定——帧率、画布尺寸、格式本身的压缩能力。帧率导出时直接沿用时间轴上设置的帧率代码里取值来自 AnimationDataViewModel渲染器内部默认上限是60fps。一个 32 帧的循环动画按 60fps 导出就是 0.5 秒的片按 12fps 就是近 3 秒但像素画面完全相同。画布尺寸导出对话框里的宽高校验的就是最终输出分辨率。像素画放大导出细节没增加多少体积倒是成倍涨。格式GIF 每帧最多 256 色MP4 走有损视频编码APNG 是无损的会动的 PNG。同一份帧序列三者的体积差好几倍。下面看 PixiEditor 内部是怎么处理每种格式的。导出时渲染器在做什么PixiEditor 把渲染好的帧序列通过内存管道喂给随程序一起分发的 FFmpeg二进制放在 ThirdParty 目录首次运行自动补执行权限按格式走三条不同的参数路径GIF两遍调色板-f [0:v]fps{FrameRate},scale{w}:{h}:flagslanczos[x];[x][1:v]paletteuse -vsync 0第一遍先跑palettegen从所有帧里统计颜色生成一张256 色调色板临时文件第二遍用paletteuse把每帧颜色映射到这张表上最后删掉临时文件。这就是为什么 GIF 里的渐变容易糊——颜色不够用时会出现色带。scale用lanczos缩放保证降尺寸时边缘干净-vsync 0确保每一帧恰好显示一次、不被重复。MP4质量预设直接映射压缩率QualityPreset.VeryHigh 1, // qscale:v QualityPreset.High 10, QualityPreset.Medium 19, QualityPreset.Low 25, QualityPreset.VeryLow 31,固定用mpeg4 编码器加yuv420p像素格式qscale:v数值越小画质越好、文件越大。选预设时注意质量预设只对 MP4 生效GIF 和 APNG 不受它影响别在白选档位上纠结。APNG无损兜底options.WithVideoCodec(apng).ForceFormat(apng);不压缩、不限制 256 色支持完整 alpha 透明适合要会动的透明背景 PNG的场景代价是体积通常是 GIF 的好几倍。PixiEditor 内置调色板功能控制单帧色彩数量能明显提升 GIF 观感导出参数怎么选按场景来场景格式建议设置网站动图、表情包GIF帧率降到 12~15尺寸按原画展示完整动画MP4预设选High或VeryHigh需要透明背景APNG帧率同 GIF 建议存档/交付源APNG 或逐帧 PNG无损优先帧率简单循环动画 12~15fps 通常够用追求丝滑的展示动画再上 30。帧率越低同样时长文件越小。尺寸导出对话框里有最佳百分比按钮会把最长边控制在1280px 以内。网页用的小动图缩到目标展示尺寸的整数倍最划算别用 2000px 的图去贴 200px 的位置。GIF 色彩画在尽量少的颜色上。像素画天然色彩集中是 GIF 的友好素材反过来大面积渐变就是色带高发区。MP4 预设默认给的是最高档VeryHighqscale1网络分享建议降到High或Medium肉眼几乎看不出差别体积能明显缩小。容易踩的坑帧率和时长混淆改了帧率动画播放时长会变总帧数 ÷ 帧率 时长不是变快。想要慢放动画要么加帧要么调低时间轴帧率。以为质量预设管一切如前所述它只对 MP4 生效。导出 GIF 时改预设没有任何效果。拿小图放大导出像素画放大请用整数倍缩放对话框里的尺寸校验配合最佳百分比可以避免奇数倍导致的模糊。导出前先看预览导出弹窗会按文档帧率实时播放预览帧率、尺寸改完先在预览里过一遍比导出后再重导省事得多。从零开始跑一遍拿到源码后仓库入口在 README克隆地址git clone https://gitcode.com/GitHub_Trending/pi/PixiEditor用 .NET 工具链打开 PixiEditor.sln 编译运行即可。新建文档 → 时间轴逐帧画动画 → 菜单里导出选格式、核对尺寸和预设剩下的工作渲染器都替你做了。【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
