PS切图

图像的排版和切图，都需要参考线，才可以进行精准的控制和切图。

（一）参考线和网格

1、建立参考线

网格的快捷键：Ctrl+H；鼠标在画板标尺中拖拽即可形成一条参考线；

在菜单栏中视图-新建参考线，建立指定位置的参考线，不要遗漏单位像素即PX；快捷键：Alt+V+E；

2、删除参考线

删除参考线：切换到移动工具，将参考线拖拽标尺处即可删除；隐藏参考线的快捷键：Ctrl+；即Ctrl+分号；

（二）传统切图

利用参考线使用切片工具对图片进行切图，切取自己想要的区域，然后，在菜单栏选择文件-存储为Web和设备所用格式，设置图片格式及大小等属性，点击存储即可。

1、使用切片工具切图

选择切片工具对图像进行切片，切取自己想要的图像，然后，在菜单栏选择文件-存储为Web和设备所用格式，设置图片格式及大小等属性，点击存储即可；

2、利用参考线切片

设置好参考线，工具选择切片工具，在工具设置栏选择基于参考线的切片，然后，在菜单栏选择文件-存储为Web和设备所用格式，设置图片格式及大小等属性，点击存储即可。

（三）精准切图

利用PS脚本进行快捷精准切图。

在菜单栏选择文件-脚本-将图层导出到文件，选择合适的文件格式，点击运行即可，其中图片的名称和图层名称一致。

（四）自动切图

在菜单栏选择编辑-首选项-增效工具，勾选启动生成器。然后，在菜单栏文件-生成-图像资源。直接更改图层的名称，即可生成对应格式名称的图片。

（五）SVG和WebP格式图片

SVG可以算是目前最最火热的图片格式了，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。