我知道网店装修最大的特点就是图片设计排版过程，但是需要实现图片上的效果，我们需要根据网页设计要求排版图片，也就是给每一张图片添加相关的链接地址。如果是一张图片的话，添加链接地址是非常简单的；如果是一张整体设计图需要同时添加多个链接呢？根据美工经验，装修宅分享多种图片添加链接地址的方法，轻松玩转淘宝设计。
 
图片添加超级链接地址的方法有几种，分别是PS切图、热点链接、CSS定点等，可以实现图片添加多个链接功能。

切图
切图就是使用Photoshop软件进行具体图片切图。就是先使用Photoshop把效果图设计好，然后使用其切图工具进行具体图片切割。具体需要怎么切是根据自己的产品排版来定的。下面根据实际例子来说明切图工具使用： 
这是已经使用切图工具切好的图片效果，我们可以看出，每张宝贝图都是切成独立一张效果图，然后存储为WEB格式即可。使用切图能够使一张大图变成一张张独立的小图，然后使用DW表格编辑做成页面效果。
使用Photoshop切图可以实现添加多种图片链接效果，但是实现起来比较慢，而且需要掌握DW基本语言。装修宅介绍另一种实现多图链接效果：

热点切图
热点切图就是使用DW中的热点工具，实现可视化的多图链接编辑工作，操作非常简单，推荐新手使用，具体步骤如下：
将自己设计好的图片导入DW中，实现热点切图效果。首先是打开Dreamweaver软件，新建一个HTML文件，然后单击选中图片，
这是选中图片后的数据，红色线框内的就是热点工具，选中具体的热点工具实现切图链接，如果是规矩的方形图片，可以现在第一个正方形热点工具；如果是需要切割圆形效果，可以选择第二个圆形热点工具，第三个就是不规则图片热点链接工具。具体效果可以根据自己的需要选择，多多操作才能更好的选择。 
这是使用热点切图工具后的具体效果，然后查看代码，修改具体宝贝的链接即可。主要代码如下：
以上就是热点切图可视化使用后的代码，我们需要做下具体修改才能使用的，就是修改下链接地址。
1、“img src="1.jpg" ”是原图片地址，把你需要切图的图片首先上传自己的空间，然后插入即可。
2、“href="#"”这是图片链接地址，其中把#符号代替你的宝贝链接地址。
 
提示：一个页面不能使用多张图片使用热点切图功能，就是你的店招使用热点效果，如果您的首页的其他地方还使用热点切图效果的话，会产生热点功能不能使用，错位等。装修宅建议大家在dreamwear中添加连接。
结语：一张图片实现多图链接效果可以使用CSS定位链接实现，但是由于淘宝限制个人CSS使用功能，所有一般只能使用切图或者热点来实现，其中热点可以实现可视化链接编辑，较为简单。切图链接较为复杂，但是排版效果是最好的。具体操作需要根据自己的需求多多操作，才能更好的使用，实现多图链接效果淘宝美工必须掌握的技能之一，具体练习才能更好的提高排版水平。淘宝美工经验，美工心得分享尽在装修宅，敬请关注！