我知道網店裝修最大的特點就是圖片設計排版過程，但是需要實現圖片上的效果，我們需要根據網頁設計要求排版圖片，也就是給每一張圖片添加相關的鏈接地址。如果是一張圖片的話，添加鏈接地址是非常簡單的；如果是一張整體設計圖需要同時添加多個鏈接呢？根據美工經驗，裝修宅分享多種圖片添加鏈接地址的方法，輕松玩轉淘寶設計。
圖片添加超級鏈接地址的方法有幾種，分別是PS切圖、熱點鏈接、CSS定點等，可以實現圖片添加多個鏈接功能。
切圖
切圖就是使用Photoshop軟件進行具體圖片切圖。就是先使用Photoshop把效果圖設計好，然后使用其切圖工具進行具體圖片切割。具體需要怎么切是根據自己的產品排版來定的。下面根據實際例子來說明切圖工具使用：
這是已經使用切圖工具切好的圖片效果，我們可以看出，每張寶貝圖都是切成獨立一張效果圖，然后存儲為WEB格式即可。使用切圖能夠使一張大圖變成一張張獨立的小圖，然后使用DW表格編輯做成頁面效果。
使用Photoshop切圖可以實現添加多種圖片鏈接效果，但是實現起來比較慢，而且需要掌握DW基本語言。裝修宅介紹另一種實現多圖鏈接效果：
熱點切圖
熱點切圖就是使用DW中的熱點工具，實現可視化的多圖鏈接編輯工作，操作非常簡單，推薦新手使用，具體步驟如下：
將自己設計好的圖片導入DW中，實現熱點切圖效果。首先是打開Dreamweaver軟件，新建一個HTML文件，然后單擊選中圖片，
這是選中圖片后的數據，紅色線框內的就是熱點工具，選中具體的熱點工具實現切圖鏈接，如果是規矩的方形圖片，可以現在第一個正方形熱點工具；如果是需要切割圓形效果，可以選擇第二個圓形熱點工具，第三個就是不規則圖片熱點鏈接工具。具體效果可以根據自己的需要選擇，多多操作才能更好的選擇。
這是使用熱點切圖工具后的具體效果，然后查看代碼，修改具體寶貝的鏈接即可。主要代碼如下：
以上就是熱點切圖可視化使用后的代碼，我們需要做下具體修改才能使用的，就是修改下鏈接地址。
1、“imgsrc="1.jpg"”是原圖片地址，把你需要切圖的圖片首先上傳自己的空間，然后插入即可。
2、“href="#"”這是圖片鏈接地址，其中把#符號代替你的寶貝鏈接地址。
提示：一個頁面不能使用多張圖片使用熱點切圖功能，就是你的店招使用熱點效果，如果您的首頁的其他地方還使用熱點切圖效果的話，會產生熱點功能不能使用，錯位等。裝修宅建議大家在dreamwear中添加連接。
結語：一張圖片實現多圖鏈接效果可以使用CSS定位鏈接實現，但是由于淘寶限制個人CSS使用功能，所有一般只能使用切圖或者熱點來實現，其中熱點可以實現可視化鏈接編輯，較為簡單。切圖鏈接較為復雜，但是排版效果是最好的。具體操作需要根據自己的需求多多操作，才能更好的使用，實現多圖鏈接效果淘寶美工必須掌握的技能之一，具體練習才能更好的提高排版水平。
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源： 淘寶店鋪設計切割圖片并添加熱點連接教程
