常用PS切图方式

###切片工具切图（切多张）
选中切片工具 ——> 按住鼠标左键拖拽选中要切的部分 ——> 选择菜单栏“文件” ——> “导出” ——> “存储为web所用格式” ——> 点击选中要截的图片，并设置格式 ——>
点击“存储”，“切片”选项选择“所有用户切片” ——> 点击“保存”

图文教程可以参考
前端开发人员也要会的切图技巧(一)
前端开发人员也要会的切图技巧(二)

###裁切切图（切单张）
按图层实际大小来保存，主要在有阴影效果的图层使用

选中该图片所在的图层或组 ——> 单击鼠标右键选“复制组”或“复制图层”（“目标”“文档” 选择 “新建”） ——> 选择菜单栏“图像” ——> 选择“裁切”（“基于”选“透明像素”） ——>
选择菜单栏“文件” ——> “存储为”

###自动化切图（仅支持PS CC及以上版本）
先提前设置

选择菜单栏“编辑” ——> “首选项” ——> “常规” ——> “增效工具” ——> 勾选“启用生成器” ——> 选择“确定” ——>
选择菜单栏“文件” ——> “生成” ——> 勾选“图像资源”

切图方式为
选中该图片所在的图层或组 ——> “ctrl+J”复制 ——> 重命名为“新名称.格式”如icon.jpg ——> 回车确定即可

图文教程可以参考前端开发人员也要会的切图技巧(三)

• png8和png-24的区别：

1、png8是一个256色的图片，png24则是一个1670万色的图片

2、png8的压缩率比png24高很多，所以png8图片的大小会比png24小很多。

3、png8的全透明没有png24的质量高。

4、png8在半透明和透明的情况下会有毛边锯齿的现象，png24则不会

###其他进阶资料
写给前端小白的切图技巧（实用）
前端实战系列之—两种快速切图的方法