网页电商主图设计尺寸大全,你想要得都有

boyanx2个月前技术教程12

天猫详情页:

标准宽度:790px/750px(公寓类产品)

标准高度:建议:8000px/12000px(机酒产品)

5000px/-8000px(门票/一日游产品)

7000px-10000px(单酒店/或是酒店套餐产品)

首页轮播图:1920px*600px(也可以是550px)


固定高度:


1920px/1680px/1440px/990px/790px(详情页)/750px(公寓类产品)

内容显示宽度:990px-1100px

关联营销:

宽度:790px

高度:自定(790px*1200px建议)


主图标准尺寸:

800px*800px(系统自动提供放大功能)

600px*600px(无放大功能)

400px*400px(无放大功能)


店招尺寸:

整体高度:150px(固定)

店招描述内容高度:120px

导航高度:30px(可自由设定)

自定义:150px 高度,遮掉系统菜单


京东装修尺寸:

由于现在京东更新了 jshop。 支持自定义 css。 所以已经没有限制 默认情况下,中间 内容部分是宽 990px 的

自定义首页:店招:宽 1 920px*高 1 50px 轮播海报:宽 1 920px*高不限

首页:宽 1 920*高度不限(默认宽是 990px 全屏可以用自定义代码实现)

详情页: 宽 990px*高度不限 主图:800px*800px


一号店修尺寸:

首页默认显示宽 980px 店招 : 宽 1 920px*高 1 50

首页:宽 1920px 高不限

详情页:宽 750px 高度不限


唯品会装修尺寸: 唯品会首页:宽 1 920* 高度不限

唯品会主图:宽 1 1 00 * 1390 px

唯品会详情 : 宽 990*高度不限


蘑菇街装修尺寸: 店招:宽 1 920px*高 1 50px

首页 : 宽 1 920px*高度不限

详情页:宽 720x*高度不限

分类图片:宽 1 95px 高不限


美丽说装修尺寸:店招:宽 1 920px*高 1 50px

主图:800X800px Pc

端店招 1920x150px 普通版手机端店招 750x254px Pc


详情页: 天猫 790px 宽度, 高度不限

淘宝 750px , 高度不限 普通版手机端

详情页 统一 640px 钻展图首焦图: pc 端 520x280px 无线端 640x200px

首页海报 : 1920x600 【高度一般 600 , 其实不限高度】

手机端首页: 单张产品图: 608x336 Px

轮播图: 640X320Px

智能版手机端详情页尺寸: 淘宝店 750 宽度, 高度不具体要求

天猫店铺:750px-1242px,一般做750,或者790,高度不具体要求

标签: 轮播图代码

相关文章

前端开发-CSS3动画实现焦点(图文轮播)图效果

焦点图主要是指网页焦点位置的图片,一般焦点图可以是单张图,也可以是一组动态切换的图片的组合。由于处在终端用户视觉焦点位置因此焦点图的作用至关重要,焦点图也成为网站首页面设计的重点。焦点图样式如下所示:...

教你从头开始写课堂签到的微信小程序(二)实现签到及视频播放

一、签到子页面布局子页面主要是一个签到按钮,然后下方是签到记录列表。1、签到按钮布局代码:<button class='sign-button' bindtap='sig...

Uniapp开发鸿蒙购物项目实战教程:实现首页轮播图

过去几天的文章中我们讲过了如何创建跨平台项目,如何进行基础的布局、如何实现自定义导航栏等等,通过这一系列的文章教程,我们最终要实现一个购物app,今天我们要做购物应用首页的轮播图部分。对于轮播图uni...

如何用 DevEco Studio 的 ArkUI Inspector 轻松搞定鸿蒙应用 UI 布局

作为一名鸿蒙应用开发者,我最近遇到了一个让我头疼不已的 UI 问题——一个看似简单的页面布局,却在真机上出现了严重的错位问题。按钮重叠、文本溢出、图片显示不全……这些问题不仅影响了用户体验,还让我在调...

2022年版前端学习路线图-黑马程序员

由简易版前端学习路线图看详细的2022前端学习内容。本内容由黑马程序员2022年最新整理发布:HTML+CSS-->移动web->JavaScript基础-->Web APIs-&g...

公众号小编新选择~SVG编辑器上线啦

欢迎来到svg编辑器新品发布会,我是本次大会的主持人三儿。(有没有一种打开苹果新品发布会推文的错觉 )首先要向大家隆重宣布,吊足大家胃口胖友们期待已久的svg编辑器正式上线啦!我们的svg编辑器有非常...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。