1.3.3 文件大小

一般情况下，如果H5页面的加载时间超过5秒，用户就会感觉页面卡顿，可能导致用户直接关闭页面。而这种页面加载缓慢的情况，大多是由于文件过大造成的。因此，很多H5设计平台都会对添加的文件的大小有一定的要求。以Mugeda为例，该平台要求一张图片不超过10 MB，一个视频不超过20 MB。当图片或视频过大时，可对素材进行压缩，减小H5文件的大小，以免出现加载时间过长的情况。

● 图片压缩。常用的H5图片素材主要有PNG和JPEG两种格式，可使用Photoshop来进行压缩。设计师只需启动Photoshop，打开需要压缩的素材，然后选择【文件】/【导出】/【存储为Web所用格式（旧版）】命令，打开“存储为Web所用格式（100%）”对话框，如图1-18所示，在其中减小品质和图像大小参数，从而压缩图片。

▲图1-18 “存储为Web所用格式（100%）”对话框

● 视频压缩。压缩视频可以使用专业的多媒体文件处理软件，如格式工厂等。也可使用一些在线编辑器来完成，如Video2Edit等，设计师无须下载和安装，只需在其网站首页选择“压缩影片”选项，打开“在线压缩视频”页面，将需要压缩的视频拖动到紫色的方块中，在其下方还可设置文件大小和格式，单击按钮后便可压缩视频。