淘宝店铺首页怎么添加图片？

不知道各位商家们有没有这样的感受，就是每次看到很多淘宝网店的首页全屏大图，是各种羡慕嫉妒恨啊，自己也想把自己的淘宝店铺弄成这个样子，至于淘宝店铺首页大图怎么做，一起看看吧。

一、制作淘宝首页背景大图大致需要三个部分来组成，置于最顶部的banner大图的制作，中间的booth模块图的选择制作，以及除了banner图，两侧booth图之外的外围背景图案的选择制作三个方面。

二、需要注意的是，淘宝的banner图与背景图严格意义上来说是属于banner图覆盖背景图的这样一个关系，如果想要在整体视觉效果上达到一个统一的效果，那么最好的情况就是使的自己制作的banner图与整体的背景图在视觉效果上达到一致的效果，这样才能够显得更加的高端大气一点，并且在尺寸上，宽度采用1080的分辨率宽，分辨率宽则根据自己的习惯去设置，这样可以banner图部分可以覆盖整个屏幕的宽度，看起来效果会好很多。

三、对于第二部分也就是booth图的部分，淘宝工具当中提供了很多种不同的booth类型，自己可以根据自己喜欢的booth类型来对自己的店铺进行排列装修，当然，booth当中的小图也是需要自己一个一个去制作的，因为这里讨论的是背景大图的制作，所以针对与booth里面的小图这里就不再细说了。

四、对于第三部分，也就是对于真正意义上的背景图来说，如果想要自己设计一个简单大方的背景图，小编在这里不建议使用太多的元素，这样会使得整个页面看起来非常的凌乱，最好还是选用微小的零星元素，或者是带有条纹类型的画布甚至是纯色的画布，作为整个店铺的背景，这样会使得自己的店铺看起来非常的简单大方，符合极简艺术的原则。

五、当然现在已经有很多的淘宝店铺装修的工具可以直接拿来使用，或者是在专门的网页当中下载来进行套用，可以选用一个符合自己审美标准的模板来进行使用，这样相对来说更加的方便，快捷，也更高效一点，可以节省自己很多的时间，来拿来去编辑商品信息。

用现成的模板，也不想自己来制作的话，可以雇佣一个专门的设计师来做，将自己的要求反馈给设计师，自己空出多余的时间来做一些其他的事情。

好了，设置的方法就介绍到这里了，相信很多的商家都想自己的店铺首页做的高上大，提高自己店铺整体的气质，所以这里介绍的设置方法就肯定可以解决各位商家们的问题。

我们大家在淘宝上面购物的时候，不管进入到哪个淘宝店铺，都会去看导航栏，通过这个导航栏我们可以找到想要的商品。所以商家们要重视这方面的设置，淘宝店铺首页导航栏如何制作?

步骤1设计店招导航

打开photoshop(下面简称PS)，新建一个1920X150像素文件，设计好自己的店招。

店招+导航尺寸详解。(①为什么宽度要是1920像素?答1920像素基本能支持所有电脑全屏展示。 ②高度为什么150px? 答店招高度120px,

红条导航30px。③主要内容要放在950X150px 居中部分。 )

设计好之后按照上面尺寸标示，储存一个全屏1920X150.jpg文件，和一个950X150.jpg文件，留好备用。

步骤2给店招导航添加链接

这里要用到Dreamweaver，添加热点功能为导航添加链接，(这个方法加的链接

只能在店招导航上面用，不能在自定义内容区域使用，本人测试过)。

打开Dreamweaver →新建文档→ 空白 HTML(无)文档创建→ 菜单栏 点击插入 → 图像 →

找到自己的刚刚存放的文件950X150.jpg文件→ 确定→ 确定。

上方--代码拆分设计--点击设计栏，在点击图片，下方属性能看见，箭头和矩形图形。

点击矩形，在要添加链接的图片上，画上矩形。 之后点击矩形，在链接的地方粘贴 点击跳转的网络地址。 目标选择—_blank

(单机链接后是新建一个页面跳转)

链接都添加完成后，点击上面的代码。复制这一份代码(去淘宝后台装修)。

步骤3淘宝后台装修。

把刚刚复制好的代码，粘贴到(淘宝→卖家中心→店铺装修→店招右上角编辑，把刚开始做好的950X150.jpg图片上传到淘宝图片空间，复制链接，替换下图中选着的部分。

下一步，装修后台左边选择页头，更换图片选择刚才做好的1920X150.jpg图片。不平铺居中，应用到多有页面。

以上就是小编为大家带来的设置的方法了，这个导航栏其实就和导购一样，意义是一样的，好的导航栏可以带瞎消费者们找到自己想要的商品，所以制作它是非常的有必要的。

推荐阅读：淘宝店铺首页导航栏怎么弄?在哪设置?

1、先打开淘宝的登陆界面，输入用户名及密码，登陆淘宝。

2、进入到淘宝界面之后，在上方的菜单栏点击卖家中心后面的小倒三角，选择店铺装修的选项。

3、进入到店铺装修的 *** 作界面之后，把鼠标放到上方的菜单栏，会出现“编辑”的选项，点击进入编辑的 *** 作界面。

4、击进入编辑的 *** 作界面后，在导航的界面点击右下方的“添加”按钮，如下图所示。

5、进入到添加的 *** 作界面之后，点击“页面”按钮，这里就会出现之前添加的所有自定义的内容。需要再添加其他自定也页面的话，就点击下方的“添加”按钮，如下图所示。

6、接着就可以根据自己的实际需要，勾选需要添加的自定义页面了，勾选完所需要的自定义页面之后，点击左下方的“确定”按钮即可。

---