图片
Genstore 提供丰富的图片管理功能,帮助您通过上传 Logo、网站图标(Favicon)、产品图片、幻灯片、横幅、博客文章图片 和库存图片,实现店铺的个性化设计。您也可以上传自己的图片,获得更高的自定义空间。
上传 Logo 与网站图标(Favicon)
您可以在 主题设计 面板中上传店铺的 Logo 和网站图标。上传的 Logo 将作为店铺的主要品牌标识,在所有页面中统一展示。
TIP
如未上传 Logo,系统将默认显示您的店铺名称。
Logo 设置
Logo 图片用于代表店铺品牌形象。您可以根据需要调整桌面端展示时的宽度。
网站图标(Favicon)
网站图标会显示在浏览器标签页和书签中,建议使用尺寸为 96 × 96 像素的正方形图片。
操作步骤
- 登录 Genstore 商家后台,进入 在线商店 -> 模板。
- 点击所选模板右侧的 设计 按钮。
- 在左侧编辑器面板中,点击第四个图标进入 主题设计。
- 展开 Logo 模块,上传 Logo 图片,并根据需要调整宽度滑块。
- 上传网站图标。
- 点击右上角 保存,保存并应用修改内容。
上传图片
您可以上传产品图片、幻灯片、横幅和博客文章图片,并通过裁剪和调整大小来优化图片,灵活自定义媒体文件设置,以更好地展示您的商店。
操作步骤
- 登录 Genstore 商户后台,导航至 在线商店 -> 模板。
- 点击目标模板后的 设计。
- 比如您希望添加或更改主页展示的图片横幅,在模板编辑器的侧边栏中,点击 模版 -> 图片横幅。在页面右侧的 图片横幅 窗口中完成相关操作。
- [可选] 如果您希望在商店主页以外的页面添加图片,点击主页下拉菜单,选择要编辑的页面模板,如 产品、产品系列。
- 在模板编辑器侧边栏中,点击 添加分区,从下拉列表中选择 图片横幅,调整图片标题、文本、按钮,或添加更多块。
- 在页面右侧的 图片横幅 窗口中,上传图片,并完成相关设置。
- 点击 保存。
主题图片与素材建议尺寸
常见区域图片尺寸建议
| 类型 | 元素 | PC 端尺寸(宽 * 高) | 移动端尺寸 (宽 * 高) | 推荐比例 | 文件大小 |
|---|---|---|---|---|---|
| 标头 | Logo | - | - | - | 500 KB - 2 MB |
| 标头 | 网站图标 | 96 px x 96 px | 同 PC 端 | 1:1 | |
| 图片横幅 | 图片 | 大:1920 px × 800 px 中:1920 px × 640 px 小:1920 px × 480 px | 大:440 px × 480 px 中:440 px × 400px 小:440px × 320px | - | 5MB |
| 带文本图片 | 图片 | 特大:1920 px × 2560 px 大:1920 px × 1920 px 中:1920 px × 1440 px 小:1920px × 1080px | 同 PC 端 | 特大:3:4 大:1:1 中:4:3 小:16:9 | 5MB |
| 拼贴画 | 图片 | 1920 px x 1920 px | 同 PC 端 | 1:1 | 5MB |
| 拼贴画 | 视频 | - | - | 1:1 | 10MB |
| 产品系列列表 | 图片 | - | - | 1:1 / 3:4 | - |
| 产品系列页横幅 | 图片 | - | 3:2 / 16:9 / 21:9 / 32:9 | - | |
| 特色产品系列 | 图片 | - | - | 1:1 / 3:4 | - |
| 图片 | 图片 | - | - | 4:3 | 5MB |
| 视频 | 视频 | - | - | - | 10MB |
| 视频封面 | 图片 | - | - | 1:1 / 3:4 / 4:3 / 16:9 / 21:9 | 5MB |
| 幻灯片 | 图片 | 大:1920 px × 800 px 中:1920 px × 640 px 小:1920 px × 480 px | 大:440 px × 480 px 中:440 px × 400 px 小:440 px × 320 px | - | 5MB |
| 多列 | 图片 | - | - | 1:1 / 3:4 | - |
| 联系表 | 图片 | - | - | 1:1 / 3:4 / 4:3 / 16:9 | - |
| 博客文章 | 图片 | - | - | 16:9 / 4:3 / 3:2 | - |
| 礼品卡封面 | 图片 | - | - | 16:9 | - |