淘宝详情页图片无缝拼接怎么实现?(详情页图设计,关键词优化)

时间:2024-04-28 17:55:04 作者 : 石家庄SEO 分类 : 关键词优化
  • TAG :

    %E6%B7%98%E5%AE%9D%E8%AF%A6%E6%83%85%E9%A1%B5%E5%9B%BE%E7%89%87%E6%97%A0%E7%BC%9D%E6%8B%BC%E6%8E%A5%E6%80%8E%E4%B9%88%E5%AE%9E%E7%8E%B0%EF%BC%9F

亲爱的网友,您好!

非常高兴能在茫茫网海与您见面,相遇是缘分,关注是信任,在进行店铺装修的过程中,有卖家朋友反映自己在制作淘宝手机详情的时候,上传图片之间有空白还会错位,想知道怎么可以实现无缝拼接? 今天小编带来了一篇文章,里面有你想要的答案!

可以让淘宝导航条与全屏海报的做到无缝拼接,去掉相互之间的间隙。要想做到无缝链接的重点要先了解原理,先找宽度1920px,高度随你定的(举例中的高度为650px)的全屏海报 图片。

因为店招的高度150px,所以直接安装上海报图片,海报的主体图片内容会被店招掩盖掉,所以要在海报图片上方加个150px空白内容把海报的主体图片内容给顶下来。

具体操作方法:(在PS里面点击→图像→画布大小或者快捷键(Alt+Ctrl+C)在高度里→输入800px)然后点击→定位框里面的向下箭头↓接着在画布扩展颜色选择白色,然后→确定 。

好了以后新建参考线快捷键(Alt+V+E)选择→垂直位置输入→485 确定。

拉出第2条同样选择→垂直 位置输入→1435 还没完噢。

要再拉出第3条参考线选择→水平 位置输入→180 因为150是店招跟导航栏的高度,多出来的30像素就是导航栏跟海报之间的多出来的缝隙,所以要用这多出来的30px填补它,无缝拼接的关键在这里了。

还有就是如果你关闭了页头设置里面的页头下边距那10px那参考线设置成170就可以了。注(如果缝隙的高度有差 按自己的相差的高度来做)

设置完了参考线同样用刚才做店招的步骤把中间宽950px高620px的海报位置用→矩形选框工具 再创建新图层快捷键(Shift+Ctrl+Ait+N) 然后在选框里填充白色存储

专业版淘宝店铺究竟能不能做无缝的全屏大海报和淘宝全屏店招怎么做?

是通过页面背景实现的:

首先,旺铺必须是专业版的。如果是,按以下操作:店铺装修——样式编辑——背景设置——页面背景,把背景图片,换成自己想要的那张图片。

那张大图,如果是1920*750这个尺寸,那就必须设计成1920*850,图片最上方留100PX是空白,还有,建议图片设计成1420*850。

因为1920是显示不出来那么多,只能显示1420这个尺寸,多了的会被裁掉。设置好大图后,然后在首页增加一个自定义模板,用一个空白占位代码。就可以了。关注慈航道人爱观音,获取最新电商资讯和干货,助您轻松完成运营的华丽转身。

本文:淘宝详情页图片无缝拼接怎么实现?的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:如何做一个高质量的详情页下一篇:

9 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18