在Sketch里怎么切图？

有了Sketch之后，切图变得越来越简单，之前在Sketch教程里有写过切图方面的教程，但还是有很多人想知道到底怎么用Sketch切图，这篇教程就作为一个Sketch的切图大综合，详细的讲一讲怎样在Sketch里面切图，以及切图导出后，有哪些可以导出的格式。

Sketch里面切图其实非常简单，我们常用的切图有两种，一种是单独对于某个图标，或者界面里的某些元素：另一种就是把效果图也就是每个界面单独切出来给开发们，方便他们看效果图用。但无论是哪种切图，都需要用到切片工具，快捷键 S ，当你按S的时候，画布上的指标就变成类似切刀的形状，说明可以开始切图了，按住S，出现一个选框即你的切片范围，你可以单独在某一图标上切成你想要的大小，切片大小是可以更改的，如下图显示:

第一张图是切片切出的范围区域，下面的图是显示切片的大小坐标和所切区域的预览效果。你还可以更改切片范围。

切整个界面也是一样的，再就是切图的时候，其实也可以不用去刻意拉取你的切片范围，还有一种方式是你按住S切片工具的时候，当指标由箭头变成小刀的形状时，单击一下，会自动切你想切出的区域，尤其是切大片区域的时候，会更快捷一些，更好的提高工作效率。如下图：

当被切片选中的时候，所切区域就会出现蓝色的框，证明已被选中。Sketch里面其实默认每个画板都是单独的，当你没有选中任何切图的时候，或者没有进行切片操作的时候，默认的是有几个画板，导出的时候就显示有几个切图。而且整个画板里的界面，是可以直接切的，当你选中某一个画板的时候，默认右侧切片预览区就会显示整个画板的预览区，然后你点Export（即导出）就可以了。导出的时候，可以导出好几种格式，通常我们切出都是png格式的，即背景透明的。但现在好多也用svg的，这个比较好，导出的是矢量的图，做网站的时候通常用的比较多，或者安卓界面里面用到的也很多。还有pdf，eps和jpg。

在切图的时候，还要注意，给ios开发们的切图，通常要切@1x ，@2x，@3x的图；给安卓开发们的图也是一样，但在安卓里面显示的是mdpi，hdpi，xhdpi，xxhdpi。

Sketch里面是既可以导出所有切片，也可以选择单独的某一切片，当需要大量切图的时候，一键导出所有的切片就非常有效率。切图的时候要注意切片的位置坐标，一般最好切成偶数值，这样在程序里面的计算比较精确一些。主要就是用好切片工具，就是那个小刀的图形，其次是掌握好层组，即画板与每个元素之间的关系，切完图的时候，对于切片的命名也是很重要的，因为一般切好的图，开发那边是直接放到他们得编程工具里的，如果命名格式不规范，在他们得编程工具里就会出错，所以为了互相更好的协作，严格的要求自己是很有必要的。