淘宝店铺装修自由添加图片链接

很多卖家在装修自家店铺的时候，不能随意的在喜欢的图片指定部位加上链接。如果你们想把自家的店铺装修出独特的风味，链接想放哪儿就放哪儿，那么今天这个淘宝店铺装修自由添加图片链接，和你不得不不说的故事！

淘宝店铺装修自由添加图片链接第一部分用Photoshop切片成图。

一、选图

选择好你要装修店铺所使用的图，为了直接有效果，我使用的是我们亲自设计的装修图片。由于我用的是店铺直接装修用的图，放在尾页部分的，所以尺寸为950长度。亲们要事先选好图片，做好哦。为了你的店铺更美，图片设计很重要哦。

二、打开Photoshop界面，把图片放进去。

三、选择切片工具，如下图

切片工具在ps中具有非常强大的功能，甚至可以通过ps的切片工具来精确的做出网站，需要深入学习的可以了解下。这些之需要了解如何切片就行。

四、开始切片（分两步说明）

1、选中切片工具后，会出现一把像钢笔一样的小刀形状的图标，用鼠标按住，在图片上画出你想要链接的部位。（简单说明：运用方法和矩形选框工具一样，选择你想要的部分即可）

选中了后，右上角会出现数字，有01、02. 看下图。蓝色的小框你的01，是你选中的图片的编号，剩下的02，是你切除选中的部分剩余图片的编码，这个是自动生成的，不用管。

2、一张图，如果你需要有一个地方需要链接，就切一次，需要两个地方链接，就要切两次。例子中的图，第一张的四月新，是需要链接的，所以切出了01编号的图；“自由渡购物手册”是我需要链接的第二个地方，所以再次选中后面一张图，切下来。

看见最后一个红圆圈了吗，是和前面01一样的蓝色图标，编号：03。意思就是这张图被切下来了，编号是03.为什么会有两个蓝色，一个灰色的编号呢?

解释说明：蓝色图标中的编号，代表的是你手工切下来的图，灰色02图标，就是两张图的中间圆圈部分，是你切除了整张图后自动生成的编号，是剩余的图片。

这样整张图就切割成了3张图，其中有两张是你想要链接的地方。 大家明白了吗

五、保存格式（很重要）

点击ps文件，选择“存储为Web所用格式”，一定要用这个保存，后面才会用的上，亲们一定记得哦！

六，存储。（一）注意事项：一是存储的格式，在红色方框的JPEG地方，根据你要的图片格式来选择，一般是用JPEG格式的图。 二是品质问题，从0——100，任意选择。品质越高，图片越清晰，一般80到100即可，当然数值越高图片占用空间越大。

（二）存储格式

存储的时候，保存在你想要保存的地方。我这里保存的地址是我设定的第一个话题文件夹里。文件名和保存类型自动生成，不用修改。 即使你不懂HTML，也没有关系的。照样点击就像。

（三）意外提醒：如果出现下面这个对话框，没有关系，照样点击确认即可。不要担心任何问题哦！继续前进！

七、保存建立文件夹

好了，图片的切片部分就保存好了，保存出来的格式，就是我们平时看见的网页格式HTML，另外还有一个专门储存我切下来三张图片的文件夹，名称叫“images”，就是图片的意思。这个也是自动生成的。不用怪异。

这个就是自动生成的“images”里的图片，是和我上面在ps里切片的图一样的吧，而且会自动产生图片名称，按住顺序来的。

在下图这个地方大家就可以很清晰的看见我在上图所切片的位置，0003_01 就是第一张四月新要链接的图，蓝色编码为01；0003_02是ps自动为剩下的图编码，灰色02；0003_03是第三张“自由渡手册”想链接的地方，所以切的是第三张图。

八、上传空间

把这三张图上传到淘宝图片空间里，目的是获取图片的有效链接，这样才能在制作完成后在淘宝店铺中显示。这个大家都熟悉的了，不多说了。