淘宝装饰海报尺寸是多少？装修海报不贴合怎么办？

html-css027

淘宝装饰海报尺寸是多少？装修海报不贴合怎么办？,第1张

淘宝所有商家均知，淘宝店铺装修是每个商家的必修课程，店铺装修对海报的设计以及大小有严格的要求，不符合要求的就是上传不成功。以下小编就告诉大家对海报的大小有什么要求。淘宝店装修海报大小。装饰海报也有很多种，如淘宝上有全屏海报的图片大小是500-700px，宽度是1920px，而旺铺宝贝描述的海报大小是：宽度≦22px(窄)，宽度≦922px(宽)，高度随意。一般商店对宝贝的描述尺寸大小没有限制，但考虑到显示器的显示尺寸，应把握在1000PX以下，宝贝分类还海报大小：宽度≦160，高度任意，旺铺促销区海报尺寸：宽度≦735px，高度无限制。对于淘宝上的海报设计来说，750PX宽的海报，最小200mm，最大440mm，用14寸笔记本看，200PX宽的海报差不多占了近1/5,440PX宽的海报的一半，除此之外，主要还是以300PX高为主，除了这几个尺寸外，有两个宽的海报比较特别，不是750PX，而是748PX和730PX，但是都是几乎横屏满屏的，都可以使用。淘宝装修海报大小大小大小装修海报不贴怎么办？招贴画与图片大小有两个概念，一个是长宽的尺寸，另一个是KB大小的文件，文件占用的空间越大，图片越精细，但是对网速和买家电脑要求越高，虽然现在大家电脑配置和带宽都不是问题，但是谁也不希望买家在招贴广告还没展示出来之前就已经滚屏到下面来看细节吧。因此，仍需稍加控制，主要目的是快速呈现。对于750PX的海报图，以160K-200K为主，当然小于100K的也占了五分之一，所以建议大家在不损失海报精致度的前提下，尽量控制在200K以下，当然，淘宝装修过程中也有一些其它尺寸需要注意。淘宝店招尺寸宽度为950像素，高度建议不要超过120像素，否则会出现导航异常；淘宝店招尺寸宽度为950像素，建议不要超过150像素，否则会出现导航异常(导航尺寸高30像素)，而首页全屏轮播图尺寸(宽：1920；高度不大于540px，模块显示的高度以图片的最低高度为准，暂时不支持gif格式)。主页悬浮导航宽度小于200，高度小于600的图片，类型为jpg,png,gif，页面背景图一般为宽1920，高度不限，(如果宽度小于1920，可选择平铺类型)，宝贝详情页一般宽度750，高度不限，一般手机和电脑同步，一般采用PS切片工具，将长幅详情图切成一张小图。事实上淘宝的尺寸有很多，不熟悉的商家在做这些尺寸时可能会记错，虽然没什么关系，但错了再重来也是很麻烦的，所以大家在进行淘宝店铺装修前，最好把这些尺寸都查一查，尽量不要出错。淘宝装修主页招贴和淘宝店招之间有缝隙怎么办？解决办法有二。在店后装修→样式管理→背景设置→页面设置→上传背景图片。进入店内装饰-风格管理-背景设置-“页头下距10像素”(选择"关闭")关键的背景图片是1px-1px的图片。设为居中不平铺。淘宝装修海报大小大小大小装修海报不贴怎么办？设定招贴画高度，初始生成的招贴画全屏代码预设招贴画高度为520像素，而我们的招贴画高度为600像素，那么我们这里招贴画高度为600。你可以用photoshop自己做一个，导航栏下面10px空格就可以了，背景图片放在定制代码里面就可以了。适用于天猫和淘宝。淘宝店主页大屏海报下面的模块为什么和大屏海报有空隙谁知道是什么问题？网民给了1186198328个答案：向上移动20个像素，完美地消除了20个像素的上下模块间的间隙。如果您的模块大小是950px*500px，那么您应该将此值改为style="width:950pxheight<{':'，系统将自动添加此属性。上面是第一套淘宝装修模板的修改方法，应该还需要加上z-index属性，将模块放在最上面，但是实际上我们不需要太多的改动，'navCls':none'>。topheight:100px"模块：950px:-20px">。*490pxstyle="width:950pxheight:'display:480pxtop:'类="fade'}"轮播内容列表，必须定义模块的宽度和高度；样式="p>"。最终，如果淘宝店铺的基本版1920*600的全屏海报可能会出现时可以显示，时和两边不能显示的情况，那是因为淘宝店铺的基本版不支持css类，在预览后就没有了，有时你可以看到，是因为缓存中的原因。

淘宝的没有，不过类似有的，可以根据自己的需要稍作修改

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>pic player</title>

<script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.2.6.js"></script>

</head>

<style type="text/css">

img{border:0}

</style>

<body>

<div id="picplayer" style="position:relativeoverflow:hiddenwidth:300pxheight:300pxclear:noneborder:solid 1px #ccc">

there is a pic-player

</div>

<script>

var p = $('#picplayer')

var pics1 = [{url:'http://img.jb51.net/online/picPlayer/1.jpg',link:'http://www.jb51.net/#',time:5000},{url:'http://img.jb51.net/online/picPlayer/2.jpg',link:'http://www.jb51.net/#',time:4000},{url:'http://img.jb51.net/online/picPlayer/3.jpg',link:'http://www.jb51.net',time:6000},{url:'http://img.jb51.net/online/picPlayer/2.jpg',link:'http://www.jb51.net',time:6000},{url:'http://img.jb51.net/online/picPlayer/1.jpg',link:'http://www.jb51.net',time:6000}]

initPicPlayer(pics1,p.css('width').split('px')[0],p.css('height').split('px')[0])

//

//

function initPicPlayer(pics,w,h)

{

//选中的图片

var selectedItem

//选中的按钮

var selectedBtn

//自动播放的id

var playID

//选中图片的索引

var selectedIndex

//容器

var p = $('#picplayer')

p.text('')

p.append('<div id="piccontent"></div>')

var c = $('#piccontent')

for(var i=0i<pics.lengthi++)

{

//添加图片到容器中

c.append('<a href="'+pics[i].link+'" target="_blank"><img id="picitem'+i+'" style="display: nonez-index:'+i+'" src="'+pics[i].url+'" /></a>')

}

//按钮容器，绝对定位在右下角

p.append('<div id="picbtnHolder" style="position:absolutetop:'+(h-25)+'pxwidth:'+w+'pxheight:20pxz-index:10000"></div>')

//

var btnHolder = $('#picbtnHolder')

btnHolder.append('<div id="picbtns" style="float:rightpadding-right:1px"></div>')

var btns = $('#picbtns')

//

for(var i=0i<pics.lengthi++)

{

//增加图片对应的按钮

btns.append('<span id="picbtn'+i+'" style="cursor:pointerborder:solid 1px #cccbackground-color:#eeedisplay:inline-block">'+(i+1)+' </span>')

$('#picbtn'+i).data('index',i)

$('#picbtn'+i).click(

function(event)

{

if(selectedItem.attr('src') == $('#picitem'+$(this).data('index')).attr('src'))

{

return

}

setSelectedItem($(this).data('index'))

}

)

}

btns.append(' ')

///

setSelectedItem(0)

//显示指定的图片index

function setSelectedItem(index)

{

selectedIndex = index

clearInterval(playID)

//alert(index)

if(selectedItem)selectedItem.fadeOut('fast')

selectedItem = $('#picitem'+index)

selectedItem.fadeIn('slow')

//

if(selectedBtn)

{

selectedBtn.css('backgroundColor','#eee')

selectedBtn.css('color','#000')

}

selectedBtn = $('#picbtn'+index)

selectedBtn.css('backgroundColor','#000')

selectedBtn.css('color','#fff')

//自动播放

playID = setInterval(function()

{

var index = selectedIndex+1

if(index >pics.length-1)index=0

setSelectedItem(index)

},pics[index].time)

}

}

</script>

</body>

</html>

如果整个海报都是矢量图你可以按比例缩小来做，完了再放大，如果海报中有位图的话，建议还是按原尺寸做。

实在不行，也可以这样：

1）如果你直接在CDR里输出喷绘，就把位图的像素在PSD里面改小了放进CDR里做效果，完了做好效果再把原来的小图替换成大图。（矢量图部分可按比例缩到最小）

2）如果是导出JPG喷绘的（导出一般是用CMYK四色的），按原图的80%来缩小，不可以缩得太小，怕会模糊，在导出的时候象素输入里放到300DPI.这样导出来的图差别是很小的。这样做要注意的是，在拿图给别人喷绘的时候，一定要告知尺寸，因为导出来的位图有可能变得比较大！！（如果担心模糊问题，可以将导出来的图再导入到CDR里，调整到100%的比例，在CDR里有个1：1的放大，这样你就可以看到打印出来的效果模不模糊了。或者你怕哪里模糊就将那一部分喷绘出来看看）

就算稍有点模糊也没关系的，因为这么大的海报，一般都会有三米之外观看的，没有人凑在前面去看。