CSS---PS切图---7.22

常见的图片格式：

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

PS切图 

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

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

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

PS插件切图：Cutterman是一款运行在Photoshop中的插件，能够自动将你需要的图层进行输出，以替代传统的手工"导出web所用格式"以及使用切片工具进行挨个切图的繁琐流程。