[小程序] 图片尺寸规格-应该如何选择图片尺寸?

上线了的小程序是支持添加本地图片的,为了达到最佳展示效果,小程序中有些版块对本地照片有一定的要求。另外,我们支持10MB 以下的.gif/.jpeg/.png/.bmp/.ico 图片格式。

那么现在我们先来了解一下上线了的小程序中有哪些版块可以上传本地图片以及不同版块应该怎么选择图片尺寸吧!

  1. 图片Banner
  2. 快捷按钮
  3. 商品图片(适用于商品展示,商品分类,商品列表,分类组合版块)
  4. 品牌馆图片(适用于电商类品牌馆版块)
  5. 文章背景图(文章小程序)
  6. 图片尺寸常见问题
  7. 若是网站的图片规格,请看[网站] 图片尺寸规格 - 什么图片尺寸最适合?

 

1. 图片Banner版块

图片Banner版块是所有版块中单张图片篇幅最大的版块,有轮播图和拼接图两种布局可选,无论选择哪一种布局,默认图片尺寸高宽比例使用16:9,是效果图如下:

mceclip0.pngmceclip1.png

 除此之外,还可以选择其他尺寸的图片比例,例如满屏可以选择高宽比例3:4,效果如下图:

mceclip0.png

以下是其他尺寸选择的效果图:

mceclip2.png

 

2. 快捷按钮版块

按钮是小程序必不可少的版块以及是连接各个版块的部件,快捷按钮的图片尺寸推荐高宽比例为1:1的图片,即正方形的图片。

mceclip2.png

 

3. 商品图片尺寸

我们推荐你上传的产品图片尺寸比例为1:1。效果如下图:

mceclip3.png

 

4. 品牌图片尺寸

我们推荐你上传的品牌图片尺寸比例为1:1。效果如下图:

mceclip4.png

 

5. 文章标题背景图(文章小程序)

文章小程序中的文章标题背景图尺寸我们推荐使用图片尺寸为1600*600。效果如下图所示:

mceclip5.png

 

注意:这些像素尺寸不需要非常准确。没有统一的像素宽度,这些准则只是为了保证大多数的图片尺寸规格。

 

6. 图片尺寸常见问题

1)如果我的图片都太小了,怎么办?
一般,如果你的图片比以上推荐的尺寸小了一点,那是完全没有问题的 - 你会看到图片的两边会有多一些空位。但是如果你的图片比以上推荐的尺寸小很多,那就会有太多的空白位,而使显示效果不好。你可以尝试切换不同的版块布局或者重新编辑你的图片尺寸。

2)如果我的图片太大了,怎么办?
如果你的图片规格很大,不过文件尺寸是在10 MB以内,那就没有问题。我们编辑器也会自动压缩你的图片以便你的图片可以加载快一点,不会让你的访客加载过大的图片。

 

如果有任何疑问,可以:

  • 发送邮件至hi@sxl.cn
  • 关注微信公众号与我们沟通,关注上线了公众号:sxl-cn 
  • 在线与我们沟通:点击进入
  • 客服在线时间:8:00-22:00
还有其它问题?提交请求