檢視和編輯切片屬性

上次更新時間 2026年10月29日

瞭解如何使用「切片選項」對話框,在 Adobe Photoshop 中設定切片名稱、連結、內容類型和中繼資料。

使用 切片選項 對話框來設定切片名稱、內容類型、超連結和背景顏色,以用於 HTML 匯出。

開啟「切片選項」對話框

從工具列中選取 切片選取 工具。

按兩下任何切片以開啟 切片選項 對話框。

秘訣

您也可以選取切片,然後從選項列中選取 切片選項 圖示。

重新命名切片

選取 切片選取 工具,然後按兩下切片。

在 名稱 方框中輸入名稱。

選取「確定」。

根據內容重新命名切片,可讓匯出的檔案更容易識別和管理。預設情況下,使用者切片會依照 輸出設定 對話框中的設定命名。

備註

對於 無影像 切片類型,名稱 方框無法使用。

變更切片內容類型

選取 切片選取 工具,然後按兩下切片。

選取 切片類型 選單,然後針對包含影像資料的切片選取 影像,或針對空白的 HTML 表格儲存格選取 無影像。

選取「確定」。

影像 切片包含影像資料,是預設的內容類型。無影像 切片會建立空白的 HTML 表格儲存格,在匯出時可以填入 HTML 文字或純色。

備註

編輯自動切片會將其轉換為使用者切片。

新增 URL 連結和目標框架

使用 切片選取 工具選取影像切片,然後按兩下。

在 URL 方框中,輸入相對或絕對 URL。絕對 URL 必須包含通訊協定 (http:// 或 https://)。 

在 目標 方框中,輸入框架名稱以控制連結開啟的位置:_blank 表示新視窗,_self 表示相同框架,_parent 表示主版框架集,_top 表示移除所有框架。 

選取「確定」。

整個切片區域在網頁瀏覽器中都會變成可點按。

備註

此選項僅適用於影像切片,並會顯示在匯出的 HTML 檔案中。

設定背景顏色

使用「切片選取」工具選取影像切片,然後按兩下該切片。

從「背景顏色」選單選取背景顏色:選擇「無」、「網底」、「白色」、「黑色」或「其他」以使用「檢色器」工具。

選取「確定」。

備註

背景顏色可套用至「影像」切片和「無影像」切片。

Photoshop 不會在文件視窗中顯示選取的背景顏色,請在網頁瀏覽器中預覽影像以查看結果。

新增瀏覽器訊息和替代文字

在「訊息文字」方塊中輸入描述性文字,當使用者將滑鼠停留在切片上方時,該文字會顯示在瀏覽器的狀態列中。

在「Alt 標記」方塊中輸入替代文字,以便為螢幕助讀程式及不顯示影像的瀏覽器描述該影像。

選取「確定」。

備註

許多現代瀏覽器會忽略自訂的狀態列訊息。

秘訣

您可以透過 Photoshop 偏好設定來控制切片的可見度和外觀:

若要切換切片邊界,請選擇「檢視」>「顯示」>「切片」。

若要顯示或隱藏切片編號,請選取「編輯」>「偏好設定」>「Guides、格線和切片」(Windows) 或「Photoshop」>「偏好設定」>「Guides、格線和切片」(macOS),然後選取「顯示切片編號」。

若要變更切片線顏色,請在「切片線」中選取顏色。

了解切片類型和指標

Photoshop 會顯示視覺指標,協助您識別不同的切片類型:

切片邊界

指標

含義

實線

使用者切片或以圖層為基礎的切片

虛線

自動切片

切片顏色和徽章

指示符

含義

藍色圖示

使用者切片

無影像的藍色圖示

「無影像」切片

圖層徽章

以圖層為基礎的切片

灰色圖示

自動切片

切片編號

切片工具會從左上角開始,由左到右、由上到下編號。如果您重新排列或修改切片,編號會自動更新以反映新的順序。

子切片

當切片重疊時,Photoshop 會建立子切片 (一種自動切片)。子切片無法單獨選取或編輯。