建立 Web 的影像 : 切割影像
切割影像
影像經切割後會被分成數個較小的影像,您可將這些小影像儲存成不同格式,或進行不同等級的最佳化後再儲存。由於這些最佳化影像所需的下載時間較一個大型影像少,因此網頁載入速度會加快。
切割影像也可以減少必須儲存的圖形數量。如果網站中有多個影像都顯示相同的標誌或其他圖形,則切割該影像便只需要儲存一次該區段;您可以將相同標誌或圖形區段重新載入至所有影像。
使用「影像切割連結工具」,您可以建立一個影像表格,將各切割區段的位置儲存成表格中的區域,產生欄位和儲存格的 HTML 碼。接著,再將此代碼複製至來源檔案,如此一來使用者下載該網頁時,影像便可重新組合。
您也可以建立轉換,這是使用者按一下或將滑鼠移至轉換上方時顯示次要影像的區域。
建立和編輯儲存格
切割影像時,您會將其分為數個儲存格並編輯儲存格界限。進行此動作必須使用「影像切割連結工具」對話方塊中「工具」群組方塊的工具。
 
工具
描述
箭頭工具可讓您將儲存格變成為作用中或是移動其邊框。
格線工具可讓您建立間隔均等的儲存格,範圍可為整個影像或是在另一個儲存格內。
切割工具可讓您建立水平線或垂直線。
刪除工具可讓您刪除切割線。
平移工具可讓您在預覽中拖曳影像,來檢視影像的隱藏區域。
指定切割儲存格屬性
建立切割的儲存格之後,您可以將 URL、替代文字和目標指定至每個儲存格,您也可以選擇讓儲存格出現在已下載的影像中。略過儲存格,您可以從其他影像(例如標誌或文字)新增儲存格,並在非矩形形狀中建立影像。
若指定替代文字,文字會在載入影像時顯示。文字會在影像無法下載,或使用者已在 Web 瀏覽器中關閉影像時顯示。某些版本的 Internet Explorer 會將這些文字以工具提示的方式顯示。
設定切割偏好設定
您可以為作用中和非作用中區域的邊框線選取色彩。
儲存和載入切割設定
儲存切割設定時,儲存格排列以及您在「影像切割連結工具」對話方塊中輸入的資訊都會一併儲存。您可以再將它們載入至相同影像,或使用在不同影像中。
儲存切片
您可以將切片儲存至硬碟的資料夾,以便再次使用或編輯。
* 將影像切割成儲存格
編輯標籤 
1 選擇 檔案 } 匯出 } 影像切割連結工具
「影像切割連結工具」對話方塊便會出現。
2 選擇切割工具 ,然後在要建立切割線的影像中按一下。
注意: 若要建立垂直切割線,請垂直拖曳;若要建立水平切割線,則水平拖曳。
3 選擇箭頭工具 ,然後按一下儲存格內部使其變成作用中。
儲存格界限資訊會顯示在「儲存格屬性」群組方塊的下半部。
4 URL 下拉式清單中,輸入您希望儲存格出現的網頁位址。
如果要選取已經使用在影像中的位址,請從 URL 下拉式清單選取所需的位址。
5 替代文字方塊中,輸入儲存格下載時瀏覽器可以顯示的文字。
6 目標 下拉式清單,選擇下列其中一個目標框架或視窗選項:
_blank - 會在新的瀏覽器視窗中載入連結的頁面
_parent - 會在母視窗或連結的框架組中載入連結的頁面。如果連結不在巢狀框架中,則影像會載入整個瀏覽器視窗。
_self - 會在相同視窗或做為連結的框架中載入連結的頁面
_top - 會在所有瀏覽器視窗中載入連結的頁面並移除所有框架
7 按一下儲存
「HTML 另存新檔」對話方塊便會出現。
8 導覽至要儲存 HTML 碼的資料夾,再按一下儲存
 
您也可以
 
以一致的間距和大小建立儲存格。
按一下格線工具 。在預覽區域中按一下以開啟「格線大小」對話方塊,再於 控制項輸入或設定數值。
移動切割線或邊框
按一下箭頭工具 ,然後把游標移動至直線上。當游標變更為雙邊箭頭時,將線條拖曳至新位置。若只要移動目前儲存格內的線段,則按住 Shift 同時按一下該線段。
刪除線條或邊框
按一下刪除工具 ,然後把游標移動至直線上。當游標變更為橡皮擦形狀時,按一下滑鼠即可刪除該線條。如果刪除直線而產生無效區域,Corel  PaintShop  Pro 就會顯示 圖示以提示您該直線無法擦除。
略過下載影像的儲存格
利用箭頭工具按一下儲存格,再取消勾選表格包含儲存格核取方塊。
將切割設定儲存至剪貼簿,以便將其貼入 HTML 碼
按一下儲存至剪貼簿開啟「HTML 目的地資料夾」對話方塊,導覽至 HTML 檔案儲存的資料夾,再按一下確定以儲存切割設定。
開啟上述的 HTML 檔案,將游標放置在要插入 HTML 切割碼的位置,再按 Ctrl + P
建立儲存格轉換
按一下轉換建立工具。如需有關建立影像轉換的詳細資訊,請參閱第  16 頁的〈建立影像轉換〉
您可以向上移動線條,但請勿超過鄰近的平行線。您可以移動獨立線條以及屬於格線的線條。拖曳線條時,Corel  PaintShop  Pro 會移動可以重新定位但不會建立非矩形儲存格的最長線段。
* 設定切割偏好設定
編輯標籤 
1 在「影像切割連結工具」對話方塊中,按一下偏好設定
2 按一下作用中的拼接邊框色彩 色彩方塊,再選擇色彩。
3 按一下非作用中的拼接邊框色彩 色彩方塊,再選擇色彩。
4 最大記錄清單大小控制項中,輸入或設定「影像切割連結工具」對話方塊中「儲存格屬性」群組方塊的 URL替代文字下拉式清單要列出的項目數量。
5 按一下確定
如果儲存 HTML 碼時要有檔案位置和切片名稱的提示,請標示 儲存檔案或另存新檔時提示影像資料夾 核取方塊。
* 儲存切割設定
編輯標籤 
1 在「影像切割連結工具」對話方塊中,按一下儲存設定
「儲存切割設定」對話方塊便會出現。
2 導覽至您要儲存設定檔的資料夾。
3 輸入檔案的名稱,再按一下儲存
檔案會儲存為 JSD 格式。
* 載入切割設定
編輯標籤 
1 在「影像切割連結工具」對話方塊中,按一下載入設定
「載入切割設定」對話方塊便會出現。
2 選取要載入的 JSD 檔案,再按一下開啟舊檔
將格線載入其他影像時,如果該影像尺寸與原始影像不同,Corel  PaintShop  Pro 會自動調整格點大小。