干着前端，该开始一度不懂怎么切除符合页面需要的尺寸的图片或者图标，后面在网络上进行了取经，总结下几种方法：
第一种方法：
photoShop软件是上面下载安装cutterMan插件，至于具体操作就到官网上面去看看教程咯~~（http://www.cutterman.cn/zh/cutterman）
第二种方法：
1、打开PSD文件，选中要切的图像，选择切片工具
2、选中图像（如果只要该图像，不要背景，要去掉背景色再选中该图像） ，更改图像尺寸 （备注：切图由大到小切）
3、导出图像（ctrl+shift+alt+ s）,选择图片存储格式，（保存路径时，下方有选择切片的类型，是全部切片，还是只是用户选中的切片）
第三种方法（该方法比较神奇哟~~）：
<!--?xml version="1.0" encoding="UTF-8"?-->
<!--?xml version="1.0" encoding="UTF-8"?-->
1、选择“编辑”--“首选项”--“增效工具”--”启用生成器“--确定。
2、点击菜单栏”文件“--选择“生成图像资源”；
3、对图层进行重命名“按钮”（“按钮.png”或者“按钮.jpg”或者“按钮.svg” 或者“按钮.webp” ），在该psd文件夹下会自动生成一个文件夹存储切好的图片，若不要该图片，只需更改图层的名称即可。（ 要导出不同的格式，只需把图层名称的后缀改成相应的格式后缀就可以了。默认jpg格式以90%品质生成，png格式以32为图像生成，gif以alpha透明度生成）
ps:对图片进行优化：
生成 ios 2倍图 ，重命名时格式为“200%按钮 @2X.png”,即可生成按钮 @2X.png 图片。
保存jpg格式的图片时，重命名为“按钮.jpg8”意思是生成80%效果的jpg图片。（10为100%）。
第四种方法：选择“文件”--“抽出资源”--“选择格式”--”修改名称“--确定。
第五种方法：（传统方法）
<!--?xml version="1.0" encoding="UTF-8"?-->
<!--?xml version="1.0" encoding="UTF-8"?--> 选择切片工具，对要切的图片进行选择，通过参考线进行细微的调节后（手动选择的图片显示为蓝色的切片框，自动选择的图片显示为灰色的切片框），选择菜单栏上的“文件”--“导出”--“存储为web格式”--存储（保存时选择所有用户切片和所有切片保存的图片数量不一样，一个是只保留手动选择的图片，另一个是保存所有的图片。）
第六种方法：
对要切的图片的位置拉参考线，一张psd文件中可能要切的图片比较多的时候，需调整切片的数量。（备注：不建议使用该方法。）
第七种方法：精准切图
选择“文件”--“脚本”--“将图层导出到文件”--选择要保存的图片的格式和地址--确定。