PS切图怎么切，是先把背景切一次输出，然后再切图片再输出吗？

我用的摹客的PS插件，很快就能完成UI标注和切图，大概步骤如下：

1.安装摹客的PS插件，安装好之后在PS的「窗口>扩展功能」找到摹客插件，选择并打开：

2.标记切图：在完成的设计稿上，选中需要切图的图层或编组，点击「标记切图」。当图层或编组的名称前增加了“-e-”，「标记切图」变为「取消切图标记」，就可以了。

3.标记切图后，点击插件的上传按钮，开发工程师就可以在摹客平台自主下载不同尺寸和平台的切图了。

用摹客完成Photoshop切图，还支持：

1. 切图压缩：在右侧面板中选中切图

2. 切换平台和选择倍率：iOS、Android、Web

3. 自定义切图尺寸

　　1切图的时候要尽量 平行的切 也就是说 分成大行 然后再逐行的切 这样的好处是 在DW里面 便于编辑……就算 用FW或者IR生成的叶面 在DW里重组 切片的一行在DW可以看作一个表格
2 对于图片的压缩
大面积的单色可以切成一个图片 然后在DW里面 用背景色替换图片
有规律的延伸（比如几条线）可以切成一个图片 然后把这个图片裁成1像素的 作为背景图
无规律的少色的 可一切成一个图片 尽量把相近的颜色切到一起 存成gif格式 适当的在不影响效果的时候 减色 多色的（比如人物风景）切片 存成JPG 适当在不影响效果的时候 降低画质的百分比
3 对切片的检查
最后希望能把切好的图片 放大仔细检查一下 避免切片之间出现1 2px的切割错误
切完储存为WEB格式 里面选择HTML方式保存,保存后用DREAMWEAVER打开.然后将一些不必要单色图片改成背景图片.过程是,先将图片地址CTRL+C然后再DEL删除图片,在背景地址位置CTRL+V就可以了~这样做主要为了加快浏览速度.建议PS内规划的内容其实就是DW的表格,表单要小心,容易变形.

切片的排列
切图的时候要尽量 平行的切 也就是说 分成大行 然后再逐行的切 这样的好处是 在DW里面 便于编辑……就算你 要把你用FW或者IR生成的叶面 在DW里重组 你切片的一行在DW可以看作一个表格
2 对于图片的压缩
大面积的单色可以切成一个图片 然后在DW里面 用背景色替换图片
有规律的延伸（比如几条线）可以切成一个图片 然后把这个图片裁成1像素的 作为背景图
无规律的少色的 可一切成一个图片 尽量把相近的颜色切到一起 存成gif格式 适当的在不影响效果的时候 减色
多色的（比如人物风景）切片 存成JPG 适当在不影响效果的时候 降低画质的百分比
3 对切片的检查
最后希望能把切好的图片 放大仔细检查一下 避免切片之间出现1 2px的切割错误

切完储存为WEB格式 里面选择HTML方式保存,保存后用DREAMWEAVER打开.然后将一些不必要单色图片改成背景图片.过程是,先将图片地址CTRL+C然后再DEL删除图片,在背景地址位置CTRL+V就可以了~这样做主要为了加快浏览速度.建议PS内规划的内容其实就是DW的表格,表单要小心,容易变形.

推荐使用使用蓝湖，高效

• 自动标注设计图，从此不再低效手工

  一键生成标注和切图，自动共享给同事

• 设计图管理

  清晰展现设计图不同状态

• 设计图批注

  打点标记进行评论, @相关成员可实时通知

• 自动保存历史版本

  随时查看历史版本，支持自动备份源文件