从工具栏中选择 切片选择 工具。
上次更新時間
2026年10月29日
了解如何使用“切片工具选项”对话框，在 Adobe Photoshop 中配置切片名称、关联、内容类型和元数据。
使用 切片选项 对话框，为 HTML 导出配置切片名称、内容类型、超链接和背景颜色。
打开“切片工具选项”对话框
双击任意切片，以打开 切片选项 对话框。
提示
您也可以先选择一个切片，然后在选项栏中选择 切片选项 图标。
重命名切片
选择 切片选择 工具，然后双击一个切片。
在 名称 框中输入名称。
选择确定。
根据内容重命名切片后，导出的文件会更易于识别和管理。 默认情况下，用户切片会根据 输出设置 对话框中的设置进行命名。
注释
对于 无图像 切片类型，名称 框不可用。
更改切片内容类型
选择 切片选择 工具，然后双击一个切片。
选择 切片类型 菜单，然后为包含图像数据的切片选择 图像，或为空的 HTML 表格单元格选择 无图像。
选择确定。
图像 切片包含图像数据，是默认的内容类型。 无图像 切片会创建空的 HTML 表格单元格，导出时可用 HTML 文本或纯色填充。
注释
编辑自动切片会将其转为用户切片。
添加 URL 链接和目标帧
使用 切片选择 工具选择一个图像切片，然后双击该切片。
在 URL 框中，输入相对或绝对 URL。 对于绝对 URL，请包含协议 http:// 或 https://。
在 目标 框中，输入帧名称以控制关联的打开位置：_blank 表示在新窗口中打开，_self 表示在同一帧中打开，_parent 表示在父框架集中打开，或使用 _top 以删除所有框架。
选择确定。
整个切片区域在 Web 浏览器中变为可点击状态。
注释
此选项仅适用于图像切片，并会出现在导出的 HTML 文件中。
设置背景颜色
使用切片选择工具选择图像切片，然后双击该切片。
从“背景颜色”菜单中选择背景颜色：选择“无”、“杂边”、“白色”、“黑色”或“其他”以使用拾色器工具。
选择确定。
注释
背景颜色可应用于“图像”和“无图像”切片。
Photoshop 不会在文档窗口中显示所选的背景颜色，请在 Web 浏览器中预览图像以查看结果。
添加浏览器消息和替代文本
在“消息文本”框中输入描述性文本，当用户将鼠标悬停在切片上时，该文本将显示在浏览器的状态栏中。
在“Alt 标记”框中输入替换文本，以便为屏幕阅读器和不显示图像的浏览器描述该图像。
选择确定。
注释
许多现代浏览器会忽略自定义状态栏消息。
提示
您可以通过 Photoshop 偏好设置控制切片的可见性和外观：
要切换切片边界，请选择“视图” > “显示” > “切片”。
要显示或隐藏切片编号，请选择“编辑” > “偏好设置” > “参考线、网格和切片”（Windows）或 Photoshop > “偏好设置” > “参考线、网格和切片”（macOS），然后选择“显示切片编号”。
要更改切片线颜色，请在“切片线”中选择一种颜色。
了解切片类型和指示器
Photoshop 会显示可视化指示器，以帮助您识别不同的切片类型：
切片边界
|
指示器 |
含义 |
|
实线 |
用户切片或基于图层的切片 |
|
虚线 |
自动切片 |
切片颜色和徽章
指示符 | 含义 |
蓝色图标 | 用户切片 |
无图像的蓝色图标 | “无图像”切片 |
图层徽章 | 基于图层的切片 |
灰色图标 | 自动切片 |
切片编号
切片从左上角开始，按从左到右、从上到下的顺序编号。如果重新排列或修改切片，编号将自动更新以反映新的顺序。
子切片
当切片重叠时，Photoshop 会创建子切片（一种自动切片）。子切片无法单独选择或编辑。
