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

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

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

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

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

图 片 广 告

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像素

责任编辑：