小程序商城运营推广所需的设计和详情页是尺寸是多少？

一般情况下，一场小程序营销活动，我们会设计相应的专题页，如果是当月的大型促销搏扰活动，首页也会同步更新调整架构内容。

如一场品牌专场，我们需要设计的内容

以一场专题活动为例，说明设计的图片内容和常规尺寸要求如下：

专题页头图（即首页焦点图/轮播图）：尺寸视行业特性而定，如百货类、生鲜类690*230，

如服装类530*650。

其他小程序推广页分别为：基旁旦d窗图530*650，浮窗海报750*259，会场转发图500*400

如服装类，我们会在架构表备注的要求

商品详情页：750或800的宽度皆可，适应手机阅读，高度则根据商品本身实际情况而定，建议单张图片150-200KB之间比较好，方便用户下拉图片时快速加载图片内容，提升体验感。

商品活动标：500*500，其实只要是1:1的方图即可。

＝＝＝启帆＝＝＝＝＝＝＝＝＝＝＝＝＝＝

以上就是我的分享

如果对你有用，就点个赞吧！予人玫瑰，手有余香~

求蚂晌教各位，微信小程序发布产品的图片规格是多少啊？

1、微信小程序发布商品为了最佳体验效果，注意商品图尺寸，建议详情图尺寸：宽度800，高度不限，输闷薯锋出画质70%，格式:jpg.

1、目前小程序上的轮播图的图片是16:9的宽高比例,所以商手茄家在给小程序商城设计轮播图的时候，尽量按照这个尺寸来选择。如果有多张轮播图，建议几张的轮播图的尺寸大小保持一致，这样整体的视觉上看起来就非常美观、整洁。

3、目前微信小程序分享图片分享卡片的图片尺寸长宽比例是5:4，只要是这样的比例就可以了，比如50px*40px；100px*80px…设置成这样的图片大小，在分享卡片是就不会出现图片变得扭曲或者宽高被隐藏的问题出现了。另外还需要注意的是，图片尽量设置成jpg、png等常见格式.

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。

规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物敏丛理像素，1rpx = 0.5px = 1物理像素。桥老樱

设备rpx换算px (屏幕宽度/750)px换算rpx (750/屏幕宽度)iPhone5 1rpx = 0.42px 1px = 2.34rpx iPhone6 1rpx = 0.5px 1px = 2rpx iPhone6s 1rpx = 0.552px 1px = 1.81rpx 微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (750/20)rpx 注：开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。

所以：设计稿使用设备宽度750px比较容易计算750px的话1rpx=1px，这样的话，设计图上量出来的尺寸是多少px就是多少rpx，至于在不同的设备上实际上要换算成多少个rem就交给小程序自己含穗换算。

转换规律：

设计稿是375px：1rpx=0.5px

设计稿是750px: 1rpx=1px

---