移动web设计切图一般切哪几种？

Question

新手刚开始做移动web前端，看到各种手机和平板的分辨率，有点纠结该如何切图了。之前看PC端很多网站图片不管电脑分辨率多大，都是用得一张图片，通过CSS来定义宽高。PC的网络相对来说，比较给力，多余的加载也不太明显。但是移动端可不行。尤其现在H5可以通过srcset根据终端分辨率选择加载不同的图片来提升用户体验。但是，看到各种分辨率，有点迷茫了，百度了些资料，感觉还是很迷茫。有大神指点一下么？
比如，PC以前一个页面选择960宽就好了，后来随着显示器屏幕大了，改成1024宽为常用页面宽了。那么移动端现在一般用哪几种图片宽度比较合适呢？请大神指点。。背景交代有点长~- -！

Answer 1

最好不用图，必须用的话，比如实景背景图，给张大点的，用background-size：来控制缩放。

Answer 2

移动端页面设计稿，一般采用1136px x 640px,web端切图可以考虑用rem这个单位来做，你可以百度下rem的用法，背景能不用图片的不要用图片，可以用渐变来做，手机端对css3的支持性还是不错的，图片或者图标都可以用background-size和rem来进行缩放,如：background-size:2rem 2rem;