如何设计淘宝详情页面 淘宝详情页图片大小设置( 二 )


二.淘宝美工常用图片尺寸
平时工作中接触得比较多的图片主要有:主图/直通车图/详情页/钻展等活动报名图片/首页装修 。这里还是按平常最常接触的图片开始说起吧,
01.主图/直通车图尺寸:
都是正方形的,宽高均为800*800像素,大小通常在500KB以内
02.详情页尺寸:
天猫:宽度790px,高度不限
淘宝:宽度750px,高度不限
不过豆芽建议PC端详情页高度一般在15000px左右比较好,最好不超过20000px,手机端高度控制在10屏左右最为合适 。
03.钻展等活动报名图片尺寸:宽高各异,可以有N种不同的尺寸 。运营如果让你做图的话,就要问他尺寸了 。一般活动报名的时候点击上传图片,就会弹出对应的图片尺寸和大小要求
04.店铺装修相关尺寸,分PC端和手机端 。
A.手机端首页装修尺寸 。
淘宝/天猫宽度一般为750px,高度看相应模块的具体要求 。
一般装修手机店铺的时候,各个装修模块都会有相应的尺寸提示,按照装修后台提示的图片尺寸来做图就好 。
以豆芽自己开的淘宝店铺的装修后台为例,鼠标选中第一个模块,右边就会出现对应的图片尺寸提示,看第一个箭头指向 。
这里我创建的是单列图片模块,提示的宽度是750px,高度范围在200-950px,如果我制作的图片宽度不是750,或者高度不在这个范围内,图片是上传不了店铺后台的 。
B.PC端首页装修尺寸
PC首页装修的时候,每个模块在编辑上传图片的时候也会有相应的尺寸提示
A.先说下淘宝(天猫)PC端(电脑端)的装修尺寸:
先给大家看一下豆芽淘宝店铺的店招导航图片,如下图(尺寸为1920*150px)
店招尺寸:宽950(天猫990)*高120px(上图中青色区域)
导航尺寸:宽950(天猫990)*高30px(上图中红色区域)
店招导航总体尺寸:950*150px(表色+红色区域)
店招导航背景尺寸:1920*150px(红+青+黑+白区域=也就是上图一整张图片)
全屏海报/轮播海报尺寸:宽度1920px,高度一般在400-800px,豆芽最常用的全屏海报尺寸为1920*600px,个人感觉这样更美观些 。
教大家一招如何在网页上直接查看图片尺寸,直接用QQ截图或者快捷键(Ctrl+alt+A)截图的时候会有图片的尺寸提示,看下图箭头指向的地方,截图的这一部份图片的宽高尺寸就是619*150px 。
所以我们如果想知道自己在网页上看到的任何一张图片尺寸的话,最快捷有效的方法就是截图看一下就知道了,不过使用这种方法查看图片的前提是,要确保你的浏览器页面缩放比例为100%,不然截图显示出来的尺寸就会就误 。(麻烦一点查看网页图片尺寸的办法就是先保存到电脑再查看 。)
淘宝美工日常工作中最常用的图片尺寸就是这些了,其它个别没有其提到的,一般店铺后台也会有尺寸提示 。
实在不清楚的可以问运营或者自己截图看一下别人店铺的尺寸做的是多大的就行了,所以大家完全不用担心自己不知道图片的尺寸要做成多大的!
其实所有这些图片往大了说一定意义上都可以被称作banner,只是因为尺寸及所投放的位置不同,图片设计的内容也不同,所以称谓不同而已 。


以上关于本文的内容,仅作参考!温馨提示:如遇健康、疾病相关的问题,请您及时就医或请专业人士给予相关指导!

「四川龙网」www.sichuanlong.com小编还为您精选了以下内容,希望对您有所帮助: