前端切图技能总结

虽说切图技能小，但是还是很基础在遇到图片比较多的时候，掌握一个好的切图习惯是很有必要的。

快速切图

• 在最近的cc版本中，有一个很好的功能就是直接在要导出的图层右键然后有导出界面可以调整参数，就像图上这样，接下来是这样就是这两步就ok了。
• 在首选项里修改经过这一步之后就会自动在文件所在目录生成资源文件夹，然后查看这一步就直接把你想要生成的文件名直接命名就可以了，这个图层就会直接被切出来。这是比较快速的方式。

传统切图

以上的快速切图是针对比较新的版本，而且对于比较合适图层刚好和要的图是对应的。有时候要切的图的图层尺寸不是那么合适，所以就需要使用传统切图。

• 使用切片工具
  这种方法是属于传统方式里面比较快的方式。

  • 用切片工具进行选择
  • 保存为web所用格式
  • 用切片选择工具进行处理（可选）
    但是我发现会产生很多无用的自动生成的图片，不知道该怎么解决，让这些无用的不要产生。

• 使用裁剪工具
  这种方法较为原始比较慢，大家应该都会。

总结

在切图部分中会需要记住图片的尺寸，因为在实际中可能会需要两倍图片大小，然后你缩为一倍，这样图片就不会虚，看起来效果好，还有一个点就是要手动进行改名，这个是比较麻烦的，最好是设计师在命名的时候命名好，这样我们就直接用了，这当然需要好的设计师进行配合。

参考文章

• http://www.jianshu.com/p/367c4e7f46ee
• https://github.com/xiangpaopao/blog/issues/2
• http://www.cnblogs.com/w-wanglei/p/5598336.html