5.素材的大小优化

小常发表于:2017年09月30日 15:59:41更新于:2019年01月02日 14:59:38

通过阅读该须知,可以在制作H5作品前后检查作品素材大小,是否播放流畅。

作品大小建议:

原则上在不加入本地视频的前提下,整个作品5M以内可达到最佳播放效果。


  • 查看作品大小

1.点击左上角发布,如图:

编辑版式文档_-_后台管理系统.jpg


2.进入到下图的作品发布设置页面:

作品《几个按键演示动画控制》发布设置.jpg


  • 关于图片大小限制:

在保证场景效果的前提下,背景全屏图片,一般不要超过200-400kb,其他图片尺寸尽量小,一般不要超过50kb;同一张图片,PNG格式相比于JPG格式更容易消耗内存,建议能采用jpg格式代替png格式。

图片批量压缩网址:tinypng.com


如何查看图片大小

1.选中图片——右侧属性设置面板的素材资源——图片缩略图的右侧小眼睛Banners_and_Alerts_和_编辑版式文档_-_后台管理系统.jpg

2.点击小眼睛后弹出图片大图,右上角的i可以查看图片大小编辑版式文档_-_后台管理系统.jpg

关于GIF图:

如果GIF图片较大,建议导出成为多张图片,使用序列帧组件


图片模糊的解决方式:

在图片组件右面板,可以选择系统预先处理好的几个尺寸,一般只要不是满屏的图片,640可以了。

blob.png

使用tinypng.com进行图片压缩后替换

我们推荐使用http://tinypng.com进行图片压缩。图片压缩后,可以直接双击替换原有图片。

那么,如何替换图片、又不影响既有的交互设定呢?



  • 关于视频大小的限制:

如果使用本地视频组件,视频本身需要酌情压缩,建议不要超过50M;

如果是几秒的视频,并且希望灵活控制,建议使用序列帧组件,序列帧组件相比视频组件占内存小,灵活易于控制;序列帧图片上传前,建议先看下每张图片的大小,以便于压缩;


  • 关于音频大小的限制:

添加到作品中的音频文件大小需要限制,背景音乐可以循环的尽量使用循环的,原则上不要超过500k。

音频压缩