html5APP开发中 图片的规格问题（移动端的图片尺寸可以怎样限制来加强页面的加载速度呢？）

Question

使用HTML5做webAPP开发，发现平常PC端 响应式WEB开发中使用的大图在WEBAPP开发中图片加载较慢，或者说损耗的内存太大。想请问一下移动端开发的图片尺寸是否有做什么限制呢，比如图片的尺寸大小，最大长度宽度，采用的图片格式等等的限制。
例如文章页面的图片规格和列表页面的图片规格尺寸等有什么特殊的限制。
总得来说，怎样合理的使用图片，限制图片的规格来优化APP？

Answer 1

一般Header或footer我喜欢使用Svg，特别是移动端，必须是svg

Answer 2

根据屏幕分辨率动态生成图片链接就行 图片服务器自动处理

Answer 3

1.利用图片压缩工具压缩图片，有部分图片经过美工发出的图片格式压缩的不够。（tinypng）
2.缩略图，如果为了显示小图，可以在后端生成缩略图使用。
3.部分控件的背景或者有规律的背景，可通过CSS实现，而不使用图片
4.利用一些懒加载的方式显示图片，让图片加载过渡更加自然。