PNG动画主要靠帧叠加和逐帧动画来实现每帧保存透明背景然后组合成GIF或者APNG格式因为普通PNG不支持动画所以需要用APNG格式。具体步骤是先画第一帧保留透明区域接着修改画面细节保存为透明PNG文件重复这个过程直到所有帧完成用工具合并这些文件。比如做下雨效果需要先画静止的云层再逐帧添加雨滴。

为什么这样呢因为帧叠加能让图片有连续效果但APNG格式的帧数限制在20帧以内比如2010年数据APNG市场占有率只有15%但到2020年涨到35%所以现在推荐用逐帧动画结合透明背景。比如制作人物眨眼动画需要5帧左右的面部动作每个帧的透明区域必须完全一致否则合并后会留白。数据表明使用逐帧动画的动态PNG文件大小比GIF平均多出40%但清晰度提升60%更符合手机端显示需求。