原标题:店铺装修技巧之图片尺寸大全!收藏必备!随时可查看!

在店铺装修过程中,对于不同的不同位置的图片尺寸要求不同,当图片过大,会自动被裁剪掉,而图片过小,则会周围留下空白,这样的用户体验是极其不好的。

当我们在装修店铺,设计过程中,制作不同区域的图片要根据店铺要求来确定尺寸、大小等信息。不然设计好的图,因尺寸不合适,造成后期调整,是非常麻烦的。

铛铛铛!有赞店铺店铺装修技巧之图片尺寸大全!收藏以后就再也不用担心忘记图片尺寸了!

图 片 广 告

1. 轮播海报模式

图片尺寸:750*350像素

最多添加10个广告,可排序。

2. 1行1个模式

图片尺寸:宽度750像素,高度不限

最多添加10个广告,可排序。

3、 横向滑动(大)模式

图片尺寸:宽度670像素,高度不限

最多添加10个广告,可排序。

4、 横向滑动(小)模式

图片尺寸:宽度305像素,高度不限

最多添加10个广告,可排序。

5、 横向滑动(导航)模式

图片尺寸:宽度142像素,高度不限

最多添加15个广告,可选择一屏显示的图片数量。

6、 绘制热区模式

图片尺寸:宽度750像素,高度 1000 像素以内,单张图片大小 200kb 以内

最多添加10个广告,可排序。

商 品 图 片

1、列表样式:大图(卡片1)

图片尺寸(1:1比例):710*710像素

图片尺寸(3:2比例):710*480像素

2、列表样式:大图(卡片2)

图片尺寸(1:1比例):690*690像素

图片尺寸(3:2比例):690*460像素

3、列表样式:大图(极简)

图片尺寸(1:1比例):710*710像素

图片尺寸(3:2比例):710*480像素

4、列表样式:小图(卡片1)

图片尺寸:350*350像素

5、列表样式:小图(卡片2)

图片尺寸:330*330像素

6、列表样式:小图(瀑布流)

图片尺寸:宽度350像素,高度不限

7、列表样式:小图(极简)

图片尺寸:350*350像素

8、列表样式:小图(促销)

图片尺寸:350*350像素

9、列表样式:一大两小(卡片1)

图片尺寸(一大):710*710像素

图片尺寸(两小):350*350像素

10、列表样式:一大两小(卡片2)

图片尺寸(一大):690*690像素

图片尺寸(两小):330*330像素

11、列表样式:一大两小(极简)

图片尺寸(一大):710*710像素

图片尺寸(两小):350*350像素

12、列表样式:列表详细(卡片1)(卡片2)

图片尺寸:236*236像素

13、列表样式:列表详细(极简)

图片尺寸:196*196像素

【注意】:商品标题最多显示一行,超过就会显示省略号

魔 方

1、1行2个模板

图片尺寸:宽度375像素,高度不限

2、1行3个模板

图片尺寸:宽度250像素,高度不限

3、1行4个模板

图片尺寸:宽度188像素,高度不限

4、2左2右模板

图片尺寸:375*375像素或同等比例

5、1左2右模板

图片尺寸(1左):375*750像素或同等比例

图片尺寸(2右):375*375像素或同等比例

6、1上2下模板

图片尺寸(1左):375*750像素或同等比例

图片尺寸(2右):375*375像素或同等比例

7、1左3右模板

图片尺寸(1左):375*750像素或同等比例

图片尺寸(右1):375*375像素或同等比例

图片尺寸(右2):188*375像素或同等比例

图片尺寸(右3):188*375像素或同等比例

8、自定义模板

图片尺寸:一个魔方尺寸为750*750像素,自定义魔方密度是4X4,由16个188*188个方格组成,每个图片尺寸以188像素的倍数设置。

【注意】:新魔法图片比例与要求不一致会被裁剪,习惯使用老魔方的用户使用图片广告热区

店 铺 信 息

1、 样式1(样式2)(样式3)背景图

图片尺寸:750*370像素

2、 样式4背景图

图片尺寸:750*300像素

3、 样式5背景图

图片尺寸:750*500像素

责任编辑:

html图片怎么设置热区不大小,店铺装修技巧之图片尺寸大全!收藏必备!随时可查看!...相关推荐

  1. 系统WallPaper图片可以设置成屏幕大小的图吗?

    系统WallPaper图片可以设置成屏幕大小的图吗? 系统默认的Wallpaper图片都是两倍屏宽,主要有2个目的: 1.壁纸可以随着Launcher Workspace的滑动而滑动: 2.屏幕横屏时 ...

  2. 关于HTML图片如何设置热区

    最近在学习HTML,老师布置了一些作业,我以为HTML都很简单,但作业要求里出现了"设置热区链接",我翻遍课本都没有提及,我就上网查资料,发现deamweaer可以不用代码设置,特 ...

  3. 如何压缩图片大小?简单的图片压缩方法分享

    怎么压缩图片的大小呢?在日常生活中,我们经常需要在社交媒体上或者其他场合分享和使用照片,但是如果照片文件内存过大,上传或发送速度很慢,有的情况下还会出现上传失败的情况.遇到这种事情我们就需要将图片的大 ...

  4. MFC对话框背景图片的设置

    MFC对话框背景图片的设置 1.插入一个Bitmap的资源图片,假设资源名称为:IDC_BITMAP1(一般默认的第一个BMP文件是它,接下来的为IDC_BITMAP2,以此类推) 2.在CXXXDi ...

  5. 计算机桌面图片怎么设置大小,怎么设置桌面壁纸大小

    很多人都知道怎麽设置电脑桌面,可真正找到适合自己屏幕的可能很少,图片或大或小,小编为大家分享了设置桌面壁纸大小的方法,下面大家跟着小编一起来了解一下吧. 设置桌面壁纸大小方法 先查看自己电脑屏幕分辨率 ...

  6. plt.scatter设置点大小_设置电脑桌面壁纸图文教程,下载图片设置计算机系统屏幕背景方法...

    大家好,我是老盖,首先感谢观看本文,本篇文章做的有视频,视频讲述的比较详细,也可以看我发布的视频. 我们改变桌面背景,需要有一些图片,我个人是在百度图片中下载图片,打开浏览器进入百度图片网站后,输入壁 ...

  7. Word2019 如何快速统一图片大小,将其他图片设置为参照图片大小

    1.首先选择一张图片,点击格式菜单,找到大小模块的下角标,点击弹出布局大小的设置. 2.然后将缩放部分的 锁定纵横比以及相对原始图片大小的勾选去掉,此处可以按照需求调节高德以及宽度的值,点击确定按钮. ...

  8. ecplise插入图片太大_【Excel里插入图片时很大怎么办?我想把他设置成自动适应表格的大小。】excel图片固定大小...

    excel插入自适应单元格大小图片 excel入的图片可以设置自适应单元格大小而变化,具体操作如下: 一.使具:excel2010 二.操作步骤: 1.进入excel2010,点击"插入&q ...

  9. R语言ggplot2可视化改变字体大小实战:单个图片设置字体大小、全局设置字体大小

    R语言ggplot2可视化改变字体大小实战:单个图片设置字体大小.全局设置字体大小 目录

最新文章

  1. map遍历react中img图片路径出错
  2. Boost:bind绑定状态的测试程序
  3. python队列来做什么_python分布式爬虫中的消息队列是什么?
  4. 2016年,新的一年,新的元素。
  5. 如何使用Trie树,设计实践Google一样的输入提示功能
  6. mysql function_Koa2 amp; mySQL amp; PM2 搭建后端服务
  7. nginx+tomcat实现负载均衡集群
  8. [Android]Cygwin使用及NDK编译方法
  9. 知识竞赛时,倒计时字体的大小和位置如何调整?
  10. 计算机网络的分类 ppt,认识计算机网络ppt
  11. Spring Cloud微服务实战视频教程百度网盘下载
  12. 基于SSM医院预约管理系统
  13. 通俗易懂的 k-means 聚类算法原理及优化(附代码)
  14. CDH之Cloudera Manager使用
  15. video标签设置autoplay(自动播放)无效
  16. EasyExcel初了解
  17. VASP自旋(NM、AM、AFM)
  18. php相册排版,照片拼图在线制作 自带多种照片拼图模板,自由排版将多张照片合成一张...
  19. 【Python】占位符格式化输出
  20. 使用 ab 对网站进行压力测试

热门文章

  1. Shader山下(十三)边缘发光
  2. Android 多国语言文件夹命名方式
  3. 《麻省理工科技评论》全球十大突破性技术,阿里巴巴正研究其中4项
  4. Google发布ChatGPT竞品Bard
  5. Mysql在线添加索引
  6. Win10 C盘突然爆满,怎么清理
  7. java设计模式--1.单例模式
  8. linux教程第五版知识点,Linux知识点总结
  9. java 步步惊心 (一) 基础语法
  10. 禁用Clusterware在系统启动后自己主动启动