PS 切片工具保存分为两大类别，一类是保存 PS 源文件，把已经划分好的切片标记永久保留在 psd 里面，后续还能继续修改切片，另一类是执行存储为 web 所用格式，把每一块切片单独导出成独立图片，这也是切片工具最核心的用途，主要用于网页切图，把整张大图拆分成多个小图，减少网页加载体积，很多新手只知道导出切片，却不知道 psd 源文件也可以保存切片，修改的时候切片丢失，就是因为没有理解两种保存方式的区别，切片属于画布上的辅助标记，不是普通图层，只有保存 psd 格式，切片标记才会被软件记录，导出切片才是生成单独图片文件，掌握这两种保存逻辑，再配合切片编号 命名规则 格式参数设置，就可以规范完成切片工具的保存操作。

两种保存方式对照表

源文件保存操作步骤

第一步 使用切片工具完成切片划分，确认每一块切片边界位置正确。

第二步 点击顶部菜单栏文件，选择存储为。

第三步 在保存类型下拉框，选择 psd 格式，设置保存路径，填写文件名。

第四步 点击保存，弹出 psd 保存选项窗口，保持默认勾选，确认保存。

第五步 下次重新打开这个 psd 文件，之前创建的切片标记会自动显示，不需要重新绘制切片。

补充说明 如果只导出图片不保存 psd，下次打开原图切片标记就会消失，切片划分工作全部丢失。

切片导出保存详细步骤

第一步 切片划分完成之后，点击顶部菜单栏文件，选择导出，旧版本菜单名称为存储为 web 所用格式。

第二步 在弹出设置窗口，选中需要导出的切片，可以按住 shift 点选多个切片，也可以全选所有切片。

第三步 逐个或者批量设置切片的输出格式，照片类切片选 jpg，带透明区域切片选 png24，简单色块小图标选 gif 或者 webp。

第四步 调整品质 颜色 仿色等参数，窗口左侧可以预览压缩后的文件大小。

第五步 点击保存，在弹出的导出窗口，选择保存文件夹，设置切片基础名称，切片选项选择所有切片，点击保存。

第六步 软件会自动生成 images 文件夹，所有切片图片按照切片编号命名，比如文件名_01 文件名_02 依次排序。

切片命名与进阶设置

第一 双击切片可以打开切片选项面板，在这里可以手动修改切片名称，设置切片类型，添加 alt 文本，网页链接，适合网页项目规范命名。

第二 导出之前可以使用切片选择工具，调整切片边界，合并多余切片，删除无效切片，避免导出多余空白切片。

第三 如果只需要导出部分切片，在导出窗口只勾选需要的切片，不要选择全部切片。

第四 透明背景切片，必须选择 png 或者 webp，选择 jpg 会自动填充白色背景，透明信息丢失。

第五 新版 PS 导出切片，也可以使用导出为面板，选中切片之后，在导出为里面单独设置每个切片的尺寸和格式，比旧版存储为 web 所用格式功能更强。

常见异常排查

导出之后没有生成 images 文件夹，一般是导出设置里切片选项选成了选中切片，并且没有正确选择输出目录，重新导出确认切片选项。

切片编号混乱，是手动新建切片和自动切片混在一起，自动切片是灰色标记，可以在切片选择工具里，把自动切片转换为用户切片再导出。

psd 保存之后切片不见了，检查是否错误导出成 jpg 或者 png，普通图片格式无法存储切片标记，必须保存 psd。

导出图片模糊，是压缩品质设置过低，提高 jpg 品质数值，或者更换 png 无损格式。

【常见问题】

问题 1 ps 切片工具的保存方法介绍 为什么导出之后切片标记还在 psd 里面吗

回答 1 ps 切片工具的保存方法介绍，切片标记只会保存在 psd 源文件，单独导出的 jpg png 图片本身不携带切片标记，想要继续编辑切片，必须使用 psd 格式执行 ps 切片工具的保存操作。

问题 2 ps 切片工具的保存方法介绍 旧版 PS 存储为 web 所用格式在哪里调出

回答 2 ps 切片工具的保存方法介绍，旧版 PS 在文件菜单下直接可以找到存储为 web 所用格式，新版 PS 该菜单迁移到导出子菜单，执行 ps 切片工具的保存导出操作时注意菜单位置变化。

问题 3 ps 切片工具的保存方法介绍 透明切片保存选什么格式

回答 3 ps 切片工具的保存方法介绍，带透明区域的切片，ps 切片工具的保存导出需要选择 png24 或者 webp 格式，不能选择 jpg，jpg 不支持透明通道，会丢失透明效果。

问题 4 ps 切片工具的保存方法介绍 可以单独导出某一块切片吗

回答 4 ps 切片工具的保存方法介绍，是可以单独导出某一块切片，在导出窗口只选中目标切片，取消其他切片勾选，再执行 ps 切片工具的保存导出，不需要导出全部切片。

【免责申明】

本文基于 Photoshop 主流版本讲解，不同版本菜单名称和导出界面存在差异，部分精简版本可能缺少存储为 web 所用格式功能，切片导出效果受图片色彩 透明通道影响，本文仅作为学习参考，网页项目交付前建议核对切片命名和文件大小要求。