PS前端切图

常见的图片格式

1. jpg图像格式: JPEG ( JPG )对色彩的信息保留较好,高清,颜色较多,产品类的图片经常用就jpg格式的。
2. gif图像格式 : GIF格式最多只能储存256色，所以通常用来显示简单图形及字体,但是可以保存透明背景和动画效果，经常用于一些图片小动画效果。
3. png图像格式是一 种新兴的网络图形格式,结合了GIF和JPEG的优点,具有存储形式丰富的特点,能够保持透明背景.如果想要切成背景透明的图片，请选择png格式。
4. PSD图像格式PSD格式是Photoshop的专用格式,里面可以存放图层、通道、遮罩等多种设计稿，对前端人员来说最大的优点是可以直接从上面复制文字获得图片，还可以测量大小和距离。

PS切图方式:图层切图、切片切图、PS插件切图。
1、图层切图
最简单的切图方式:右击图层→快速导出为PNG,

但是很多情况下，我们需要合并图层再导出:
1)、选中需要的图层:图层菜单→合并图层(ctrl+e)
2)、右击→快速导出为PNG

2、切片切图
1)、利用切片选中图片
●利用切片工具手动划出

2)、导出选中的图片
文件菜单→导出→存储为web设备所用格式→选择我们要的图片格式→存储（切边是默认选中“所有切片”，将之改成选中切片）

在指定的位置就会出现一个images文件夹，图片就在这个文件夹里。

3、PS插件切图（极力推荐）
Cutterman Photoshop中的插件，能够自动将你需要的图层进行输出，以代替传统的手工"导出web所用格式"，以及使用切片工具进行挨个切图的繁琐流程。

官网：http://www.cutterman.cn/zh

注意:Cutterman插件要求Photoshop必须是完整版,不能是绿色版。

如何看是完整版还是绿色版：窗口→扩展功能，然后看Adobe Color Themes是不是灰色的（不可用），若是，就是绿色版，不支持安装。

完整版直接在官网下载后安装，

在安装完成后在：窗口→扩展功能→cutterman-切图神器，说明安装成功了，不过使用前必须注册，在登录后才可使用，

首先先点击 “输出”，把要导出的图片放在指定的文件夹中，然后点击“导出选中的图层”即可。对于多个图层合成的图片，先选中所合成的图层，再“合并导出选中的图层”前打勾，最后“点击导出选中的图层”即可。