PS 切片工具是专门用来把整张大图切割成多个独立小图片的工具，核心用途是网页切图，把完整设计稿拆分成多个切片区块，之后通过导出为 Web 所用格式，单独保存每一块切片，适合老版网页布局，现在也经常用于电商详情页拆分，把长图切成多段，方便上传加载，切片工具可以手动绘制矩形切片，也可以配合基于参考线的切片自动生成，每个切片都能单独设置文件名压缩品质链接，它不会真正把原图拆分破坏图层，只是在画面上标记切割区域，原始 PSD 文件图层仍然完整保留，很多新手会误以为切片是裁剪，裁剪会删除画布多余部分，切片只是标记区域，导出的时候才生成独立图片，这是最容易混淆的关键点。当初设计这个工具，是因为早期网页单张大图加载速度很慢，把大图拆成多个小切片并行加载，能够提升网页打开速度，同时还可以给不同切片单独添加网页链接，做可点击区域，随着现代网页技术更新，切片使用频率相比早年下降，但是电商平台，设计交付，局部素材提取场景，依旧大量使用 PS 切片工具。
核心工具介绍
清单
1 切片工具 主工具，在左侧工具栏，和切片选择工具放在同一组，用来手动拖拽绘制新切片
2 切片选择工具 配套工具，用来选中已经做好的切片，移动缩放调整切片边界，修改切片属性
3 基于参考线的切片 菜单功能，根据画布上已经拉好的参考线，一键自动生成全部切片，适合规整排版的设计稿
4 导出为 Web 所用格式 旧版本 PS 导出入口，新版 PS 也保留兼容，批量导出所有切片
5 切片选项 双击切片可以打开面板，设置切片名称 URL 链接目标 alt 标签等网页参数
详细操作步骤
第一步 打开 PS，载入需要切图的设计稿，优先拉出参考线，把每一个区块的边界提前对齐，这样后续自动切片会更精准。
第二步 在左侧工具栏找到切片工具，如果被遮挡，右键该工具组，选择切片工具。
第三步 手动切图方式，在画布上按住鼠标拖拽，拉出矩形选区，松开之后就生成编号切片，切片左上角会显示切片序号。
第四步 自动切图方式，拉好参考线之后，点击顶部菜单切片，选择基于参考线的切片，软件会按照参考线交点自动生成全部切片。
第五步 切换到切片选择工具，点击已经生成的切片，拖动边缘控制点调整大小，也可以拖动切片移动位置，调整区块边界。
第六步 双击选中的切片，打开切片选项，按需填写切片名称，网页链接，替代文字，不需要网页链接可以保持默认。
第七步 执行导出，旧版本点击文件导出存储为 Web 所用格式，新版 PS 可以使用导出功能，选择切片导出，设置 JPG PNG GIF 对应的品质，选择保存位置。
第八步 导出完成之后，会生成 images 文件夹，里面就是每一块独立切片图片，同时还会附带网页 html 文件，如果只需要图片不需要 html，可以在导出设置里取消勾选生成 html。
切片类型区分表格
| 切片类型 | 生成方式 | 特点 |
|---|---|---|
| 用户切片 | 手动拖拽绘制 | 可以自由修改边界，编号蓝色标识 |
| 基于参考线切片 | 参考线自动生成 | 跟随参考线，修改参考线切片会同步变化 |
| 自动切片 | 软件自动补全剩余空白区域 | 灰色标识，不能单独精细编辑 |
进阶使用要点
切片边界必须像素对齐，最好放大画布到百分之一百以上调整，避免半像素，导出之后图片边缘出现模糊锯齿，同一张设计稿，不同切片可以设置不同压缩品质，文字区域切片使用高画质，纯色背景切片可以降低品质减小文件体积，切片可以删除，选中切片按 Delete 键即可，不需要的自动切片可以隐藏，在视图菜单里面可以隐藏或者显示切片，不会删除切片本身，注意切片和裁剪工具本质不一样，裁剪是修改画布尺寸，切片只是导出标记，原始 PSD 不会被切割，保存 PSD 文件的时候切片信息会一起保存，下次打开还能继续编辑切片。新版 PS 很多人改用生成导出资源，但是切片工具在规整网格切图场景依旧有优势，适合整稿批量拆分。
【常见问题】
问题 1 ps 切片工具导出之后为什么会多出很多多余图片
回答 1 ps 切片工具自动生成的自动切片会把空白区域也导出，使用 ps 切片工具的时候，可以选中多余自动切片删除，或者导出设置只导出用户切片，就不会生成多余图片。
问题 2 ps 切片工具和裁剪工具有什么区别
回答 1 ps 切片工具只是标记切割区域，原图 PSD 图层完整保留，可以一次性导出多张小图，裁剪工具是直接修改画布大小，删除画布外侧内容，只能得到单张图片，这就是 ps 切片工具和裁剪工具核心差别。
问题 3 ps 切片工具怎么自动按照参考线生成切片
回答 1 使用 ps 切片工具之前，先从标尺拉出全部参考线，然后顶部菜单找到切片，点击基于参考线的切片，ps 切片工具就会依据参考线自动生成全部切片区块。
问题 4 ps 切片工具导出的图片边缘模糊是什么原因
回答 1 ps 切片工具绘制切片的时候边界落在半像素位置，就会出现边缘模糊，使用 ps 切片工具调整切片边界，对齐整数像素，放大画布精细调整切片控制点，再重新导出即可解决。
【免责申明】
本文为 PS 切片工具操作教学讲解，不同 PS 版本导出入口名称存在差异，网页相关链接功能属于传统网页技术，使用切图素材请遵守版权相关规定，软件版权归官方所有，本文仅作为技术学习参考。