资源文件优化

更新时间:

本章介绍主要针对 UI 设计师,UI 设计师需要在设计初期对图片的设计和切图规范有所了解,以帮助应用开发者尽量减少内存占用、提升帧率和性能。

不使用大图片

推荐级别:强烈

大图片对性能的影响非常大,手表受界面限制,切勿不必要地使用高清大图。图片的尺寸能小则小,裁减掉多余的部分只保留有效的区域

png 图片替代 svg 图片

推荐级别:建议

svg 只在有动画或动态修改属性等特殊场景时使用,一般情况下都使用 png 格式图片资源

反例

<image src="/assets/images/logo.svg"></image>
复制代码

正例

<image src="/assets/images/logo.png"></image>
复制代码

删除废弃图片

推荐级别:建议

如果图片已经用不到了,需要及时的在项目中删除,否则废弃的图片会使得包体积增加。

图片复用

推荐级别:鼓励

设计的图片尽量实现共用,来减少存储占用。比如:确定、取消、返回、选中、未选中等使用频繁的按钮。

以上内容对您是否有帮助?
  • 毫无帮助
  • 帮助不大
  • 一般
  • 很好
  • 非常好
意见反馈