PS 划分好切片之后，不能直接普通另存为，需要使用存储为 Web 所用格式，才能把每一块切片单独导出成图片，普通保存 psd 只会保留切片标记，不会拆分输出切片图片，很多新手导出之后只得到一张完整大图，就是选错保存方式，掌握这个核心区别之后，就可以按步骤导出切片，还能设置格式、质量、命名规则。

两种保存方式对照表

详细操作步骤

第一步 已经使用切片工具划分好全部切片，确认切片边界没有错位。

第二步 点击顶部菜单栏 文件，找到导出，选择存储为 Web 所用格式，新版 PS 也叫导出为。

第三步 在弹出窗口，选择图片格式，常用 JPG PNG GIF，调整品质、颜色、压缩参数，预览每块切片效果。

第四步 切片选项这里，选择所有切片，如果只需要导出选中切片，就选择选中的切片。

第五步 点击存储，在保存窗口选择输出文件夹，设置切片命名，保存类型选择仅图像，也可以选择 HTML 和图像，会额外生成网页 html 文件。

第六步 确认之后，PS 自动把每一个切片单独生成独立图片文件，存到选定文件夹。

深度实操要点

第一 如果需要单独修改某一块切片的名字，使用切片选择工具，双击对应的切片，打开切片选项，在名称栏自定义命名，再导出。

第二 PNG 适合透明背景切片，JPG 适合照片类切片，文件体积更小，根据用途选择格式。

第三 导出之后如果切片顺序错乱，是切片编号设置问题，可以在切片选项里面修改切片编号。

第四 想继续编辑切片，一定要另外保存 psd 源文件，psd 里面会保留切片，下次打开还能继续调整切片边界。

常见问题排查

导出之后只有一张大图，没有拆分，是误用普通另存为，必须用存储为 Web 所用格式。

切片导出报错，检查输出文件夹路径不要带中文特殊符号，部分旧版本 PS 容易出错。

部分切片没有导出，导出选项选择成选中切片，改成所有切片重新导出。

FAQ

问题 1 PS 上划分好切片之后怎么储存 切片导出可以只导出其中一块吗

回答 1 PS 上划分好切片之后怎么储存，可以，先用切片选择工具选中单块切片，导出的时候选择选中的切片，就只导出这一块。

问题 2 PS 上划分好切片之后怎么储存 导出 png 可以保留透明吗

回答 2 PS 上划分好切片之后怎么储存，导出格式选 PNG24，切片原本透明区域就可以保留透明背景。

问题 3 PS 上划分好切片之后怎么储存 为什么 psd 保存之后切片还在

回答 3 PS 上划分好切片之后怎么储存，psd 是源文件，本身支持保存切片标记，但是 psd 不会拆分切片图片，拆分需要 Web 导出。

问题 4 PS 上划分好切片之后怎么储存 导出 html 有什么用

回答 4 PS 上划分好切片之后怎么储存，选择 HTML 和图像，除了切片图片，还会生成网页代码，适合早期网页切图项目使用。

免责声明

本文基于 Photoshop 主流版本讲解，新版 PS 菜单名称略有改动，本文仅作为学习参考，旧版本和新版导出界面存在细微差异。