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