影像經切割後會被分成數個較小的影像,您可將這些小影像儲存成不同格式,或進行不同等級的最佳化後再儲存。由於這些最佳化影像所需的下載時間較一個大型影像少,因此網頁載入速度會加快。
切割影像也可以減少必須儲存的圖形數量。如果網站中有多個影像都顯示相同的標誌或其他圖形,則切割該影像便只需要儲存一次該區段;您可以將相同標誌或圖形區段重新載入至所有影像。
使用「影像切割連結工具」,您可以建立一個影像表格,將各切割區段的位置儲存成表格中的區域,產生欄位和儲存格的HTML碼。接著,再將此代碼複製至來源檔案,如此一來使用者下載該網頁時,影像便可重新組合。
您也可以建立轉換,這是使用者按一下或將滑鼠移至轉換上方時顯示次要影像的區域。
切割影像時,您會將其分為數個儲存格並編輯儲存格界限。進行此動作必須使用「影像切割連結工具」對話方塊中「工具」群組方塊的工具。
|
箭頭工具可讓您將儲存格變成為作用中或是移動其邊框。
|
|
|
格線工具可讓您建立間隔均等的儲存格,範圍可為整個影像或是在另一個儲存格內。
|
|
|
切割工具可讓您建立水平線或垂直線。
|
|
|
刪除工具可讓您刪除切割線。
|
|
|
平移工具可讓您在預覽中拖曳影像,來檢視影像的隱藏區域。
|
建立切割的儲存格之後,您可以將URL、替代文字和目標指定至每個儲存格,您也可以選擇讓儲存格出現在已下載的影像中。略過儲存格,您可以從其他影像(例如標誌或文字)新增儲存格,並在非矩形形狀中建立影像。
若指定替代文字,文字會在載入影像時顯示。文字會在影像無法下載,或使用者已在Web 瀏覽器中關閉影像時顯示。某些版本的Internet Explorer 會將這些文字以工具提示的方式顯示。
儲存切割設定時,儲存格排列以及您在「影像切割連結工具」對話方塊中輸入的資訊都會一併儲存。您可以再將它們載入至相同影像,或使用在不同影像中。
| 將影像切割成儲存格 |
|
| 1 | 選擇檔案 |
| 「影像切割連結工具」對話方塊便會出現。 |
| 2 | 選擇切割工具 |
| 備註: 若要建立垂直切割線,請垂直拖曳;若要建立水平切割線,則水平拖曳。 |
| 3 | 選擇箭頭工具 |
| 儲存格界限資訊會顯示在「儲存格屬性」群組方塊的下半部。 |
| 4 | 在URL下拉式清單中,輸入您希望儲存格出現的網頁位址。 |
| 如果要選取已經使用在影像中的位址,請從 URL 下拉式清單選取所需的位址。 |
| 5 | 在替代文字方塊中,輸入儲存格下載時瀏覽器可以顯示的文字。 |
| 6 | 從目標下拉式清單,選擇下列其中一個目標框架或視窗選項: |
| • | _blank —會在新的瀏覽器視窗中載入連結的頁面 |
| • | _parent —會在母視窗或連結的框架組中載入連結的頁面。如果連結不在巢狀框架中,則影像會載入整個瀏覽器視窗。 |
| • | _self —會在相同視窗或做為連結的框架中載入連結的頁面 |
| • | _top —會在所有瀏覽器視窗中載入連結的頁面並移除所有框架 |
| 7 | 按一下儲存。 |
| 「HTML 另存新檔」對話方塊便會出現。 |
| 8 | 導覽至要儲存 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會自動調整格點大小。