web前端切图

1. 传统切图方法（使用切片）：直接框需要的元素；使用参考线来框需要的元素。（最好先把从上之下的一个个div框裁剪出来，分别使用参考线去取需要的元素，这样上面的参考线不会影响到下一个div）框好元素后，用文件底下的存储为web使用格式。

2. 精准切图：用文件底下的将图层导出到文件（png24）。当psd中元素少时，会自动快速导出所有元素；当psd中元素多时，可能更费时。

3.ctrl+k 打开编辑里面的首选项，点击增效工具，勾上启用生成器。勾上文件->生成->图像资源。直接更改图层里面的图层名字，加上png或是jpg或svg，会在文件夹中发现新增一个assets文件夹，里面包含了那个图层的png或jpg/svg格式的图片。也可以不修改名字，直接右键导出为。或是点文件里面的导出。