ps 切片工具保存，核心就是使用存储为 Web 所用格式功能，把已经用切片工具切割好的图片，按照切片区域单独导出成图片文件，同时还可以选择是否生成配套 html 网页文件，切片工具主要用于网页切图，把一张大图拆分成多个小图，降低网页加载体积，很多新手容易混淆，切片本身是画布上的分割标记，切片标记会保存在 psd 源文件里面，下次打开 psd 切片还在，但是切片切割出来的独立图片，必须通过导出操作才能生成，新版 PS 把旧版存储为 Web 所用格式整合在导出菜单，部分版本还保留旧版入口，导出的时候可以单独设置每一个切片的格式，比如 jpg png gif，还能调整品质、压缩参数，也可以选择只导出选中切片，不用全部导出，导出之后会自动生成 images 文件夹，所有切片图片统一存放在这个文件夹内。

一 切片标记保存在 PSD 源文件

1 用 ps 切片工具完成切片划分之后，直接按 Ctrl+S 保存 psd 工程文件

2 再次打开这份 psd 的时候，之前画好的切片标记仍然保留，可以继续编辑切片边界，修改切片编号

3 这个保存只是保存切片划分标记，还没有导出独立切片图片，这是很多新手容易搞错的关键点

二 切片导出保存完整步骤

1 确认画布已经使用 ps 切片工具划分好切片，必要时使用切片选择工具调整切片大小和位置

2 点击顶部菜单栏 文件，找到导出，选择存储为 Web 所用格式

3 在弹出面板里面，使用切片选择工具，点选单个切片，或者选择全部切片

4 右侧参数区设置图片格式，jpg 适合照片类切片，png 适合透明背景切片，gif 适合简单动图

5 调整品质数值，数值越高画质越好，文件体积越大

6 设置完成，点击存储按钮

7 在保存窗口选择保存位置，设置文件名，保存类型选择 html 和图像，或者仅图像

8 确认之后，PS 自动导出所有切片图片，图片统一放入 images 文件夹

三 相关选项对照表

四 进阶操作要点

1 可以给切片单独命名，双击切片，在切片选项里面修改切片名称，导出之后图片文件名会使用这个自定义名称

2 导出前可以隐藏不需要的切片，在切片选择工具选项栏，设置切片为隐藏，导出的时候就不会输出这一块

3 新版 PS 如果找不到存储为 Web 所用格式，可以在编辑 键盘快捷键里面调出，或者使用导出为功能替代，但是传统批量切片优先使用存储为 Web 所用格式

4 导出之后如果发现文件名错乱，提前在切片选项里面规范命名，避免自动编号文件名不好识别

五 常见异常排查

1 导出之后没有 images 文件夹，检查保存类型是否选错，部分模式只导出单张合并图片，没有拆分切片

2 切片导出画质模糊，jpg 品质参数设置过低，重新导出提高品质数值

3 打开 psd 切片标记不见了，确认保存的是 psd 格式，如果保存成 jpg png，切片标记不会保留

4 切片选择工具找不到，它和 ps 切片工具在同一组，长按切片工具图标切换

【常见问题】

问题 1 ps 切片工具保存的时候，切片标记会不会跟着 jpg 一起保存

回答 1 ps 切片工具保存成 jpg png 这类图片文件的时候，切片标记不会保留，ps 切片工具的切片划分标记只能保存在 psd 源文件里面，想要下次继续编辑 ps 切片工具划分的切片，必须保存 psd。

问题 2 ps 切片工具保存导出可以单独导出其中一块切片吗

回答 1 ps 切片工具保存导出支持只导出选中切片，打开存储为 Web 所用格式面板，选中目标切片，导出设置选择选中的切片，就可以单独保存这一块 ps 切片工具切割的切片图片。

问题 3 ps 切片工具保存导出为什么会生成 html 文件

回答 1 ps 切片工具保存导出的时候，如果保存类型选择 html 和图像，ps 切片工具就会同时生成网页代码和切片图片，只需要图片素材的话，ps 切片工具保存导出改成仅图像就不会生成 html。

问题 4 新版 PS 找不到 ps 切片工具保存对应的存储为 Web 所用格式怎么办

回答 1 新版 PS 菜单改版之后 ps 切片工具保存的旧入口位置变化，可以在导出菜单查找，或者通过自定义快捷键调出存储为 Web 所用格式，也可以使用导出为功能完成 ps 切片工具的切片保存导出。

【免责申明】

本文仅介绍 ps 切片工具保存导出操作方法，不同 PS 版本菜单名称和界面会存在细微差异，因参数设置不当，导出文件损坏等相关风险，由使用者自行承担。