小程序图片设置宽高的方法

1. image组件好迟默认宽度300px、高度225px  ；

2.css设置皮敬宽高（尺寸最好为rpx，更适应燃袜慎屏幕）

3.mode 设置缩放模式（13种）

样式设置宽度100%   添加属性 mode="widthFix"

4.套在div种，设置div宽高，

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

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

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

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

imag标签仔链的属性mode="widthFix"

例如： <image mode="widthFix" src="../../images/Product_story_xq.png"></image>

针对念野孙引入图片后高度显示不正确：脊饥

1.image标签的默认属性——height：“240px”.

2.image标签不确认高度没有办法写属性：height。

解决方法：

image标签加入 mode="widthFix"这样的效果是图片自动匹配高度

例如： <image mode="widthFix" src="../../images/Product_story_xq.png"></image>

---