手机上播放H5动画很卡怎么办（教你解决！）

想必现在有很多小伙伴对于手机上播放H5动画很卡怎么办 教你解决！方面的知识都比较想要了解，那么今天小好小编就为大家收集了一些关于手机上播放H5动画很卡怎么办 教你解决！方面的知识分享给大家，希望大家会喜欢哦。

方法1——素材优化

素材越小手机加载起来自然就更快，运行起来也更轻松，素材图片导出的时候尽量导出舞台上实际使用大小的1.5倍即可，分辨率越大图片大小也就越大了。

另外还可以针对不同格式做进一步的压制处理，JPG图片建议在PS中导出时选择“储存为web格式”品质选择50-60这样就可以把图片大小压缩到原来的2/3，PNG图片在网上寻找PNG图片压缩器会有很多种类的压缩器可以帮你把PNG图片压缩到原来的1/3大小！

舞台的大小也尽量选用默认的大小，不要超过720P（1280*720分辨率）。

声音也可以通过格式工厂等可以进行音频压制的工具进行处理，推荐处理的参数是，MP3格式，采样率（赫兹）22050，比特率（KB/秒）64，声音时长不超过1分半，整体素材大小压缩到3M以内最佳，否则会出现加载时间过长，甚至音频加载不出来的情况！

方法2——尽可能不调整动画帧速。

经常用flash的人都知道，帧速越高，动画播放越流畅，所以如果你是flash设计师过度到木疙瘩设计师的话，往往我们都会下意识的先把帧速调整为视频常用的25活30帧速，这就导致在手机上加载要花费更多的内存去运行了，木疙瘩的关键帧动画是不受帧速限制，移动细腻度是根据手机运行情况做相关优化的，所以不用担心因为帧速为12导致的关键帧动画不顺畅的问题哦！

方法3——合理利用遮罩和变形动画以及矢量素材

做过flash设计师或flash游戏编程的人都知道，虽然矢量图片、遮罩、和变形动画都能很高保真的被电脑显示出来，无论放大多少都不会改变清晰度，但是这些图形和变换其实都是电脑进行数据运算后产生的图像，每个矢量图形上有很多很多个关键坐标点需要被电脑不断的计算，当使用过多的时候就会导致手机或电脑运算速度下降，而位图则只需要读取位图上的固定像素信息来显示即可，所以尽量不要使用大量的矢量图片以及变化效果，尽可能的替换成位图能很有效的节省运行空间哦！

本文到此结束，希望对大家有所帮助。