4.1常见的图片格式

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

PS有很多的切图方式：图层切图、切片切图、PS插件切图等。

4.2图层切图

最简单的切图方式：右击图层→快速导出为PNG
但是很多情况下，我们需要合并图层再导出:
1.选中需要的图层：图层菜单→合并图层(ctrl+E)
2.右击→快速导出为PNG

4.3切片切图

1.利用切片选中图片
●利用切片工具手动划出
2.导出选中的图片
文件菜单→导出→存储为web设备所用格式→选择我们要的图片格式→存储。

4.4 PS插件切图

Cutterman是一款运行在Photoshop中的插件,能够自动将你需要的图层进行输出,以替代传统的手工“导出web所用格式”以及使用切片工具进行挨个切图的繁琐流程。
官网: http://www.cutterman.cn/zh/cutterman
注意: Cutterman插件要求你的PS必须是完整版，不能是绿色版，所以需要安装完整版本。

使用时要提前选好文件夹放切图