为了让您的店铺在Reformia系列主题中(Reformia、Artevo、Neatwood)呈现清晰、专业的视觉效果,我们为每一个常见图片位置整理了最佳图片尺寸建议。按照本文的建议尺寸上传,可以避免图片模糊、拉伸、裁切不美观的问题。
提示
- 不建议上传 2560 px 以上的超大图,详情页长图高度不超过 2500 px,否则易造成网页加载速度变慢。
- 请确保上传的图片清晰,避免使用模糊素材。
- 移动端文字避免过小,图片要适配手机屏幕。
- 尽量减少 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 |
|
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 px | PC & Mobile 同尺寸 |
| 单品推送 | ![]() | 商品配图:640 x 620 px 商品图:方形(例:1000 x 1000)或无底色即可 | 商品配图 PC & Mobile 同尺寸
|
| 专辑推送 | ![]() | 商品配图方形或无底色即可(例:1000 x 1000 px)
|
|
| 单个专辑推送 | ![]() | 文字设计宽:1280 px 右侧配图:870 x 514 px 商品图:方形即可(例:1000 x 1000 px) |
|
| 专辑推送 | ![]() | 商品图上传:324 x 160 px
|
|
| 专辑列表 | ![]() | 大商品图: 628 x 400 px 小商品图:302 x 400 px |
|
| 轮播横幅 | ![]() | 横幅尺寸:1440 x 240 px |
|
| 图片对比 | ![]() | 图片尺寸(对比前后同尺寸):1280 x 620 px |
|
| 专辑入口 | ![]() | 专辑封面尺寸:410 x 480 px |
|
| 单品列表 | ![]() | 文字图片尺寸:宽 控制在 1280 px ,高度可根据文案长短自适应 商品图尺寸:方形即可(例:1000 x 1000 px) |
|
| 品牌服务 | ![]() | Icon 大小 40px |
|
| About us | ![]() | 文字宽度设计:1280px高度可根据文案长短自适应 配图设计:620 x 832px |
|
| 博客 | ![]() | 图片 大小:310 x 380 px |
|
| FAQ | ![]() | 底图大小: PC: 1440 x 930 px M: 390 x 800 px |
|
- 专辑详情
| 模块 | 对应图片展示 | 推荐尺寸 | 备注 |
| 专辑封面 | ![]() | 1440 x 480 px | 配图 PC & Mobile 可使用同尺寸 |
| 精品推荐 | ![]() | 210x266px | 若设置单行展示较少商品,可上传最大到:662 × 996 px |
| 广告 | ![]() | 323 x 391 px | 若设置单行展示较少商品,可上传最大到:662 × 996 px |
您在上传页面图片时,应根据不同区域的功能和展示目的,选择合适的图片内容和尺寸。合理安排图片可以更有效地传达产品卖点和品牌信息,提升视觉吸引力,同时保持页面加载顺畅,优化买家浏览体验,从而更好地支持转化和销售目标。


















































评论
请登录写评论。