一． 基础操作：
a) Ctrl++ 放大图片，ctrl - -缩小图片
b) 按住空格键space+，点击鼠标左键，拖动图片。
c) 修改单位，点击编辑->首选项-> 单位与标尺，将厘米修改为像素px。
d) 点击视图，选择标尺（ctrl+R），清除默认参考线(ctrl+;)，清除切片(ctrl+,)。
e) 点击编辑->设置快捷键，将常用操作设置为我们熟悉的键。
f) 移动（V），选区（M），切片（C），将v图层转换成智能对象（ctrl+/）.
二． 切图过程：
1、 打开psd图，先浏览整个页面，哪些是能用css实现，哪些是用图片实现的，能用css代码实现的尽量用代码实现；
2、 页面中需要切成图片的，看是背景图还是内容图，背景图保存为png,内容图保存为jpg,页面中不是从后台获取的图片一般为背景图(png)，后台获取的一般为内容图（jpg）；
3、 形状不均匀的背景图片使用图层切图，形状均匀的内容图用切片切图。具体切图方式按实际情况而定，切片切图与图层切图相结合。如果规则图片多的使用切片切图，其他的图片使用图层切图；
4、 使用切片切图保存图片时，图片的格式视情况而定，可以自己为选中切片中的图片设置格式，若需要全部选中为同一种格式，全选中整个页面再选图片的格式。
5、 最后保存时要注意，一定要选中所有用户切片；
6、 命名时注意，（内容图）jpg图片以pic-xx.jpg命名，（背景图/小图标）png图片以icon-xx命名，xx要有语义。
三． 图层切图(形状不均匀的背景图片)：
a) 点击移动选择工具,将左上角的的自动选择勾上,再将旁边的组换成图层.
b) 用移动选择工具将我们要切得图层选中，在右侧的图层区，可以自动定位到我们的图层，点击左边的小眼睛确定此图层是否使我们要切得图层，确定之后，将右击将图层转换为智能对象（防止图片失真）。
c) 用矩形选框工具，将图层框起来（框框只能大不能小于图层）。
d) 依次执行以下操作：ctrl+c复制图层，ctrl+n新建透明背景画布，，ctrl+v粘贴图层，ctrl+alt+shift+s保存图层，如果切得是背景图，保存为png24格式，前缀为icon-xxx.，再保存到我们的项目工程里。
e) 背景图，类似于图标之类的都用png，其他的都用jpg，png可以代替jpg，但是jpg不能代替png。
四． 切片切图（形状均匀的内容图）：
a) 选择切片工具。
b) 用辅助线将要切的图层框起来。
c) 用切片框住我们的图层。
d) Ctrl++alt+shift+s保存用户切片，格式选jpeg，前缀为pic-xxx。
e) 在保存时选中了假如默认为png，但是要选择jpeg时可能会出现有部分图片还是会有png的图片，此时需要自己选中图片修改为jpeg。
五． 合并图层(需要切的图由多个图层组合而成)
a) 按住ctrl，选中我们要合并的两个图层，右击转换为智能对象，进行图层切图。
六． 图片格式.
切图出来的图片一般保存为png-24和jpeg格式
