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