详情页长图的切片用PS中的切片工具结合参考线使用。当前操作环境为windows环境，使用设备为联想ThinkPadE15，对应的操作系统为windows10专业版。运用的作图软件为photoshopCC。
1.打开PS，新建详情页面板。
我们将尺寸定位宽为，高为。
2.填充任意颜色
方便我们演示操作。
3.CTRL+R,调出标尺。
4.按照元素使用参考线进行划分。
5.选择左侧工具栏中的切片工具再结合控制栏参考线
再点击上方控制栏中，基于参考线的切片。
6.点击文件-导出-存储为WEB所用格式。
快捷键CTRL+SHIFT+ALT+S
7.框选住预览面板中的所有切片，将格式调整为jpeg
选择存储路径保存，会在选择的存储路径中，生成一个images的文件夹。
