前言
对 UI 稿切图可谓前端工程师的基本功了，今天来讲讲如何快速并且高效的切图。
Cutterman 插件
Cutterman是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出， 以替代传统的手工 “导出 web 所用格式” 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则，纯点击操作，方便、快捷，易于上手。
Cutterman 能够让你只需要点击一个按钮，就自动输出你需要的各种各样的图片。
输出支持 IOS 平台的单倍图、双倍图，支持 IPHONE6/6P 尺寸比例。还支持 Android 平台的各种分辨率大小图片，什么 XXHPDI，XHDPI，HDPI 啊之类的，通通自动化输出。
支持各种图片格式输出，什么png、jpg、gif通通不在话下，还可以自己缩放、压缩大小。
导出的时候可以多选图层，支持选中多个图层合并输出，也可以逐一输出。
安装方法：下载地址，双击 exe 运行就好了，然后重启 ps，在“窗口”–>“扩展功能”–>“cutterman”就能看得到，勾选下就能在右边看到cutterman的界面。
iconfont 导入 svg
iconfont 可以支持自己导入 svg，这样你就能将 UI 给的 PNG 切图做成酷炫的 iconfont 字体图标，随心所欲的改变字体图标颜色和大小了。
使用方法如下：
1、对于一张 PNG 切图，选择“文件”–“导出”–“导出为”，然后格式选择 svg，将 PNG 转成 svg
2、打开 iconfont 官网，从右边数三个图标点击上传，将导出的svg图片拖放到页面中
3、上传完成之后，在我上传的页面点击刚才上传的图标，将其加入到购物车
4、选择好需要转化成字体的图标之后，点击购物车，最下方有个“下载代码”，点击下载就能拿到字体图标的文件了。