使用HTML5做webAPP开发,发现平常PC端 响应式WEB开发中使用的大图在WEBAPP开发中图片加载较慢,或者说损耗的内存太大。想请问一下移动端开发的图片尺寸是否有做什么限制呢,比如图片的尺寸大小,最大长度宽度,采用的图片格式等等的限制。
例如文章页面的图片规格和列表页面的图片规格尺寸等有什么特殊的限制。
总得来说,怎样合理的使用图片,限制图片的规格来优化APP?
一般Header或footer我喜欢使用Svg,特别是移动端,必须是svg
.利用图片压缩工具压缩图片,有部分图片经过美工发出的图片格式压缩的不够。(tinypng)
.缩略图,如果为了显示小图,可以在后端生成缩略图使用。
.部分控件的背景或者有规律的背景,可通过CSS实现,而不使用图片
.利用一些懒加载的方式显示图片,让图片加载过渡更加自然。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。