🎞️ APNG 制作 / 分解 / PNG 优化

多帧合成 APNG 动画、分解 APNG 逐帧导出、UPNG 重编码优化 PNG 体积

🖼️
点击或拖拽多张图片到此处(按顺序作为帧)
支持 PNG / JPG / WEBP 等格式,透明 PNG 可保留透明通道
帧列表(0 使用 ↑↓ 调整顺序
每秒帧数,10 FPS = 每帧 100ms
APNG 播放循环次数
调色板颜色数量,越少体积越小
不同尺寸图片如何适配到画布
统一画布宽度,最大 1280
统一画布高度,最大 1280
生成的APNG
🎞️
点击或拖拽 APNG / PNG 文件到此处
将逐帧分解为 PNG 图片,支持动画 APNG 与静态 PNG
分解结果(0 帧)
🗜️
点击或拖拽 PNG 图片到此处
使用 UPNG 重编码并量化颜色以减小体积
颜色越少体积越小,但画质损失越大
尚未上传
请选择功能开始使用:制作 APNG、分解 APNG 或优化 PNG

📦 功能说明

基于 UPNG.js 实现纯前端 APNG 合成、APNG 帧分解与 PNG 体积优化,所有图片数据均在浏览器本地处理,不上传服务器。

合成APNG 分解APNG PNG优化 帧率设置 体积对比 离线本地

💡 使用须知

  • 制作 APNG:上传多张图片按顺序成帧,设置帧率/循环/颜色数后生成动画并预览。
  • 分解 APNG:上传 APNG 文件,逐帧渲染为 PNG 并支持单独或批量下载。
  • 优化 PNG:通过 UPNG 量化重编码(cnum 颜色数)减小体积,自动对比并下载较小者。
  • 颜色数越小体积越小但画质损失越大,无损模式(cnum=0)可能不会减小体积。
  • 所有处理在本地完成,大图或大量帧可能耗时,请耐心等待进度提示。

✨ 绘萤者

以萤火之光,绘万千想象

绘萤者——探索真正的互联网精神,创造更有意义的互联网。