小程序相对传统PC端不但交互丰富,界面更为精美,因此图片优化就显得极为重要。那么小程序开发中怎么做好图片优化呢?接下来为您简单的说明一下。
一、图片大小
现在4G网络技术很发达,但是图片到达一定大小还是会给小程序运行带来负担,在小程序开发中图片一定要保持合适的大小,这样不但会增加浏览器的交互感觉,增加网络速度,还可以使用户使用中提高用户体验。
二、图片资源优化
在小程序和网页研发中,有效减少图片资源请求数,合并HTTP请求,用DataURL这种方式将图片被转换成base64编码的字符串形式,单纯地“嵌”入HTML中,不会被缓存,只有通过CSS或JS文件便可达到了间接缓存以base64编码的图片。
三、用图规范
图片虽然有拥有独特的魅力,但我们在小程序开发中,还要注意一定的用图规范。首先一个好的小程序,不管图片再精美,元素再精彩,都不能忽略图片与小程序内容的关联性。好的图片,是一个俱佳的用户交流媒介,图片用的好,不但能引发用户的兴趣,还能有效增加用户的黏性
四、图片格式
1、PEG格式。JPEG或JPG支持级别高的压缩。
2、更灵动的GIF格式。GIF格式的图片在色彩较为丰富的图片显示质量比JPEG有很大差异。
3、透明的PNG图片格式。PNG占用的体积极小,P更适合logo或一般装饰性图案的使用和显示。
五、图片清晰度
有时候,一副细节清晰内容丰富的图片更能传图片的信息,模糊的图片不但对用户的价值大打折扣,还会影响用户的使用体验。
六、多角度图片
小程序开发中要注意不同角度图片的使用,用户肯定不会满足于呆板角度的图片,要选择更多角度更丰富的图片,多角度的图片会让你的小程序更有吸引力。