图面配置尺寸规范
来源:非凡包网产品说明文档
更新日期:2026-04-12
用途:汇总非凡包网后台所有图片上传位置的尺寸、大小限制,供设计和运营人员参照
1. 启动页
| 位置 |
尺寸(px) |
大小限制 |
| 启动页图片 |
736 × 1308 |
≤ 2MB |
2. 站点配置 — 基础配置
| 位置 |
尺寸(px) |
大小限制 |
| 站点 Logo |
240 × 60 |
≤ 200KB |
| 站点 Icon |
196 × 196(正方形 + 圆形,1:1) |
≤ 512KB |
| 自定义客服图标 |
150 × 150 |
≤ 100KB |
3. 运营配置 — 活动配置
| 位置 |
尺寸(px) |
大小限制 |
| 活动横幅 |
656 × 176 |
≤ 500KB |
| 活动横幅左下方 Icon |
64 × 64 或 96 × 96 |
≤ 50KB |
| 周月卡浮标 |
150 × 150 |
≤ 300KB |
| 首充弹窗 |
680 × 420 |
≤ 200KB |
| PDD 分享图 |
1280 × 670(建议) |
≤ 200KB |
| 红包雨浮标 |
150 × 150 |
≤ 100KB |
4. Banner 配置
| 位置 |
尺寸(px) |
大小限制 |
| 首页大 Banner |
656 × 220 |
≤ 500KB |
| 首页小 Banner(样式 1) |
336 × 100 |
≤ 150KB |
| 首页小 Banner(样式 2) |
336 × 100 |
≤ 150KB |
| 首页小 Banner(样式 3) |
340 × 208 |
≤ 150KB |
| 个人中心 Banner |
656 × 160 |
≤ 150KB |
| 首页底部图片 |
300 × 300 |
≤ 300KB |
5. 客服配置
| 位置 |
尺寸(px) |
大小限制 |
| 在线客服线图标 |
1:1 圆图 |
不限制 |
| 纸飞机客服线图标 |
1:1 圆图(小飞机图案) |
不限制 |
6. 分享配置
| 位置 |
尺寸(px) |
大小限制 |
| 分享图片(通用) |
1280 × 670(建议) |
≤ 200KB |
| 首充弹窗 |
680 × 420 |
≤ 200KB |
| 引导安装弹窗 |
320 × 250(建议) |
≤ 500KB |
| PPD 弹窗 |
375 × 375 |
— |
| RTP 浮标 |
150 × 150 |
≤ 100KB |
7. 活动内置横幅
| 活动类型 |
尺寸(px) |
| 全站戏码 |
540 × 240 |
| 日救援 |
540 × 540 |
| 兑换码 |
494 × 226 |
| 宝箱 |
494 × 240 |
| 累充 |
540 × 900 |
| 周救援 |
540 × 540 |
| PDD |
540 × 531 |
| 红包雨 |
494 × 173 |
| VIP 签到 |
540 × 240 |
| 周月卡 |
540 × 240 |
8. 推广渠道 — 纯图片下载页
| 位置 |
尺寸(px) |
大小限制 |
| App 图标 |
512 × 512 |
≤ 200KB |
| Header 图片 |
宽 750,高度不限 |
— |
| Content1 图片 |
宽 750,高度不限 |
— |
| Content1 按钮 |
宽 300 |
— |
| Content2 图片 |
宽 750(可多张) |
— |
| Content3 图片 |
750 × 1032 |
— |
| 更多游戏轮播图 |
465 × 708(最多 8 张) |
— |
| 横幅图片 |
750 × 156 |
— |
| 横幅下载按钮 |
300 × 115 |
— |
9. PWA 下载页
| 位置 |
尺寸(px) |
备注 |
| App 宣传图片 |
330 × 587(PNG) |
用于安装演示 |
10. 其他页面
| 位置 |
尺寸(px) |
| 首页底部图 |
216 × 216 |
| 注册登录页面图 |
540 × 865 |
| 5 张导航页轮番图 |
750 × 250 |
速查:常用尺寸一览
| 尺寸 |
使用场景 |
| 150 × 150 |
浮标类(周月卡、红包雨、RTP) |
| 656 × 176 |
活动横幅 |
| 656 × 220 |
首页大 Banner |
| 680 × 420 |
首充弹窗 |
| 540 × 240 |
活动内置横幅(多种活动通用) |
| 750 × — |
下载页系列图片(宽度统一 750) |
| 1280 × 670 |
分享图 |
交叉引用:
- Banner 配置详情 → 01-Banner配置
- 客服配置详情 → 03-客服配置
- 活动配置详情 → 06-活动配置
- 引导安装弹窗 → 04-引导安装弹窗
- 网站分享配置 → 09-网站分享配置