Reformia 系列主题 | 图片尺寸推荐指南

为了让您的店铺在Reformia系列主题中(Reformia、Artevo、Neatwood)呈现清晰、专业的视觉效果,我们为每一个常见图片位置整理了最佳图片尺寸建议。按照本文的建议尺寸上传,可以避免图片模糊、拉伸、裁切不美观的问题。

提示

  1. 不建议上传 2560 px 以上的超大图,详情页长图高度不超过 2500 px,否则易造成网页加载速度变慢。
  2. 请确保上传的图片清晰,避免使用模糊素材。
  3. 移动端文字避免过小,图片要适配手机屏幕。
  4. 尽量减少 GIF 的使用,控制 GIF 时长,建议仅在重点促销场景中应用。

本文档中所列尺寸均为建议尺寸,您也可以上传更高分辨率的图片,但请尽量保持相同比例。同时,建议使用 JPG 或 PNG 格式,并将图片大小控制在合理范围内,以免影响页面加载速度。具体可参考:

模块类型示例

原图大小

网站logo/图标

20-80 KB

轮播图/banner

200-500 KB

商品图片

100-300 KB

商品描述配图

80-200 KB

Reformia主题风格图片推荐尺寸

1. 页头/页尾

模块对应图片展示推荐尺寸备注
快捷入口组
30 x 30 px适用于顶部快捷功能入口的小图标
混合菜单
468 x 218 px 

图文菜单


 

210 x 262 px横向大图,适合展示分类图
专辑菜单
210 x 262 px竖版图,比例统一更美观

2. 首页

模块对应图片展示推荐尺寸备注
logo
PC:132x22px
 
M:93x22px

清晰可辨,背景透明更佳
幻灯/视频

PC:1920 x 740 px

M:390 x 580 px

重要文案放在中间 (避免被截断)
专辑封面

一张PC大图:436 x 452 px

四张PC小图:436 x 218 px

 
商品图
323 x 486 px若设置单行展示较少商品,可上传最大到:662 × 996 px
图文专辑推荐
720 x 563 px 
配套图文
436 x 653 px 
倒计时
720 x 236 px 
广告
1920 x 563 px 
博客封面
323 x 248 px 
图标
60 x 60 px建议上传分辨率为72
页底logo元素
1370 x 250px 

3. 专辑详情

模块对应图片展示推荐尺寸备注
专辑封面
1920 x 600 px 
精品推荐
210 x 266 px若设置单行展示较少商品,可上传最大到:662 × 996 px
广告
323 x 568 px若设置单行展示较少商品,可上传最大到:662 × 996 px
封面大小
210 x 234 px 

4. 商品详情

模块对应图片展示推荐尺寸备注
商详图片

竖:354 x 500 px

横:712 x 400 px

  1. 商品详情图片建议搭配相关场景图,帮助提升转化,避免只有白底图。
  2. 商详图比例保持一致,可让轮播显示更整齐。


 

Artevo主题风格图片推荐尺寸

1. 页头/页尾

模块对应图片展示推荐尺寸备注
logo

PC:120 px

M:60 px

SVG 格式清晰可辨,背景透明更佳
页尾- logo

PC:218 x 70 px

M:96 x 32 px

 

2. 首页

模块对应图片展示推荐尺寸备注
幻灯/视频

PC:1920 x 740 px

M:390 x 580 px

重要文案放在中间 (避免被截断)
专辑封面1

PC:1340 x 300 px

M:323 x 160 px


 

 
专辑封面2

154 x 154 px


 

 
商品图
323 x 486 px若设置单行展示较少商品,可上传最大到:662 × 996 px
分类封面
303 x 378 px 
配套图文

一张PC大图:243 x 464 px

四张PC小图:243 x 243 px


 

 
配套图文

一张PC大图:1440 x 1024 px

三张PC小图:243 x 243px

 
博客封面
224 x 254 px 
图标
60 x 60 px请上传清晰图标
订阅
767 x 400 px 

Neatwood主题风格图片推荐尺寸

1. 页头

模块对应图片展示推荐尺寸备注
logo

PC: 120 px

M: 60 px


 

SVG 格式,清晰可辨,背景透明更佳


2. 首页

模块对应图片展示推荐尺寸备注
幻灯/视频

PC: 920 x 800 px

M: 390 x 600 px


 

大标题特殊字符字体可设计在 banner 图上


 

专辑封面

专辑封面:270 x 262 pxPC & Mobile 同尺寸
单品推送

商品配图:640 x 620 px

商品图:方形(例:1000 x 1000)或无底色即可

商品配图 PC & Mobile 同尺寸


 

专辑推送

商品配图方形或无底色即可(例:1000 x 1000 px)


 

  1. 若要保持背景底色和商品底色一致可在上传商品图的时候导出 Png 透明底
  2. 商品配图 PC & Mobile 同尺寸
单个专辑推送

文字设计宽:1280 px

右侧配图:870 x 514 px

商品图:方形即可(例:1000 x 1000 px)

  1. 右侧商品配图可选择 png 透明底图
  2. 配图 PC & Mobile 同尺寸


 

专辑推送

商品图上传:324 x 160 px


 

  1. 商品配图上传时可选择白底或 png 透明底图
  2. 配图 PC & Mobile 同尺寸
  3. 商品图上传时可导出 2倍~3倍图保持高清度
专辑列表

大商品图: 628 x 400 px

小商品图:302 x 400 px

  1. 配图 PC & Mobile 同尺寸
轮播横幅
横幅尺寸:1440 x 240 px
  1. 配图 PC & Mobile 可使用同尺寸
  2. 若有特殊字体样式可做在横幅上导出图片使用
  3. 文字导出样式可为 svg 格式
图片对比
图片尺寸(对比前后同尺寸):1280 x 620 px
  1. 配图 PC & Mobile 可使用同尺寸
专辑入口
专辑封面尺寸:410 x 480 px



 

  1. 配图 PC & Mobile 可使用同尺寸
  2. 可导出高倍图保证图片高清度


 

单品列表

文字图片尺寸:宽 控制在 1280 px ,高度可根据文案长短自适应

商品图尺寸:方形即可(例:1000 x 1000 px)

  1. 配图 PC & Mobile 可使用同尺寸
  2. 用该卡片需要商品图为 png 透明底
  3. 文字导出样式可为 svg 格式


 

品牌服务
Icon 大小 40px
  1. Icon 导出格式:svg
  2. 标题尽量精简,服务描述尽量保持字符长度统一,尽量避免有的一排文字有的两排文字
About us

文字宽度设计:1280px高度可根据文案长短自适应

配图设计:620 x 832px

  1. 样本图:可根据实际需求场景设计,该样本图为一整张图片
  2. 按图片建议尺寸比例即可,可导出多倍图保证图片高清


 

博客
图片 大小:310 x 380 px
  1. 配图 PC & Mobile 可使用同尺寸
  2. 按图片建议尺寸比例即可,可导出多倍图保证图片高清


 

FAQ

底图大小:

PC: 1440 x 930 px

M: 390 x 800 px

  1. 当前建议尺寸的高度为对应内容的高度,若 FAQ 问答有增加,可适当增加图片高度


 

  1. 专辑详情
模块对应图片展示推荐尺寸备注
专辑封面
1440 x 480 px配图 PC & Mobile 可使用同尺寸
精品推荐
210x266px若设置单行展示较少商品,可上传最大到:662 × 996 px
广告
323 x 391 px若设置单行展示较少商品,可上传最大到:662 × 996 px

您在上传页面图片时,应根据不同区域的功能和展示目的,选择合适的图片内容和尺寸。合理安排图片可以更有效地传达产品卖点和品牌信息,提升视觉吸引力,同时保持页面加载顺畅,优化买家浏览体验,从而更好地支持转化和销售目标。

这篇文章有帮助吗?
0 人中有 0 人觉得有帮助

评论

0 条评论

登录写评论。

Live chat
Reset