淘宝二级页面固定背景制作的方法是什么

关注:17 发布时间:2022-01-25 17:14:01

大家可以发现,首页全屏代码在自定义页面其实并不能够使用,但是在好多淘宝店里都存在固定的背景图片,其实也就是二级页面全屏大图。而这个页面是怎么做到的呢?

现在就教你如何制作二级页面的固定图片。

淘宝二级页面固定背景

先进入装修后台,在“装修”里找到样式管理。

在这里要“选择要设置的页面”处要选择你当前要编辑的二级页面,然后对店招和背景色进行重新设置。

店招图片设置与全站顶部设置是一样的。

宽1920px ,高150px(130px是店招,20px是导航条)

页面设置,宽1920px,高自定义,也就是你要的全屏图片的高度(但文件要控制在200k以内,上方留白150px)

我们要通过ps,把我们要的大图分解开,第一个背景要做成这个样子。看好,在上边的150和中间的950都是被剪掉的,是白色的。

当然你也可以不去掉中间的950,由于图片过大,如果不去掉的话,控制在200k会相应的影响图片质量,所以我就把图片做成现在这个样子了。

传完背景图之后,自定义模块第一个中插入另一个图片,也就是中间拿掉的那个950。

到现在,你的全屏大图就做好了。

当然,如果你做一整张会比这个省事多了,我店里用的是高600的,比较占空间,所以就把中间的部分另外加上去。

另外要注意的是,避免后期制作时出现小偏差,剪中间和上边的时候,不要剪的正好,稍微多留下几像素,有利于后期编辑。

我的店里面的大图高为600,所以在这里不能截取全部屏幕图片。

怎么样让图片获得更小的格式?

ps中另存为jpg时有这一选项,品质越低格式越小,但是品质过低会造成画质的损伤。所以请根据你图片实际用色,保持在10-12之间。

另外,在做后面的背景图的时候,你可以把图片中间的950部分剪掉,把上边店招部分的150剪掉,就像我的做法,这也是一种省空间的办法。

具体的做法就介绍到这里了,对于店铺来说,一个好的背景图片可以增加用户的购物欲望,起码可以让用户们愿意停留下来浏览你店铺的宝贝吧,所以作为商家,一点要学会去如何的制作哦。

淘宝二级页面固定背景

猜你喜欢

最新加入十大品牌