Skip to content
帮助中心

图片

Genstore 提供丰富的图片管理功能,帮助您通过上传 Logo网站图标(Favicon)产品图片幻灯片横幅博客文章图片 和库存图片,实现店铺的个性化设计。您也可以上传自己的图片,获得更高的自定义空间。

上传 Logo 与网站图标(Favicon)

您可以在 主题设计 面板中上传店铺的 Logo 和网站图标。上传的 Logo 将作为店铺的主要品牌标识,在所有页面中统一展示。

TIP

如未上传 Logo,系统将默认显示您的店铺名称。

Logo 设置

Logo 图片用于代表店铺品牌形象。您可以根据需要调整桌面端展示时的宽度。

网站图标(Favicon)

网站图标会显示在浏览器标签页和书签中,建议使用尺寸为 96 × 96 像素的正方形图片。

操作步骤

  1. 登录 Genstore 商家后台,进入 在线商店 -> 模板
  2. 点击所选模板右侧的 设计 按钮。
  3. 在左侧编辑器面板中,点击第四个图标进入 主题设计
  4. 展开 Logo 模块,上传 Logo 图片,并根据需要调整宽度滑块。
  5. 上传网站图标。
  6. 点击右上角 保存,保存并应用修改内容。

上传图片

您可以上传产品图片、幻灯片、横幅和博客文章图片,并通过裁剪和调整大小来优化图片,灵活自定义媒体文件设置,以更好地展示您的商店。

操作步骤

  1. 登录 Genstore 商户后台,导航至 在线商店 -> 模板
  2. 点击目标模板后的 设计
  3. 比如您希望添加或更改主页展示的图片横幅,在模板编辑器的侧边栏中,点击 模版 -> 图片横幅。在页面右侧的 图片横幅 窗口中完成相关操作。
  4. [可选] 如果您希望在商店主页以外的页面添加图片,点击主页下拉菜单,选择要编辑的页面模板,如 产品产品系列
    • 在模板编辑器侧边栏中,点击 添加分区,从下拉列表中选择 图片横幅,调整图片标题、文本、按钮,或添加更多块。
    • 在页面右侧的 图片横幅 窗口中,上传图片,并完成相关设置。
  5. 点击 保存

主题图片与素材建议尺寸

常见区域图片尺寸建议

类型元素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:15MB
拼贴画视频--1:110MB
产品系列列表图片--1:1 / 3:4-
产品系列页横幅图片-3:2 / 16:9 / 21:9 / 32:9-
特色产品系列图片--1:1 / 3:4-
图片图片--4:35MB
视频视频---10MB
视频封面图片--1:1 / 3:4 / 4:3 / 16:9 / 21:95MB
幻灯片图片大: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-

图片优化建议

  • 图片支持:WebP、JPG/JPEG、PNG、SVG、AVIF、GIF、HEIC、BMP
  • 压缩图片:使用专业的图片压缩工具(如 TinyPNGSquoosh),在不损失太多质量的情况下减小文件大小,提高页面加载速度。
  • 使用描述性文件名:例如,将 IMG_1234.jpg 改为 blue-t-shirt-front-view.jpg,有助于搜索引擎理解图片内容,提升 SEO。
  • 优先使用正确格式:建议产品图使用 JPEG,带透明背景的图标或 Logo 使用 PNG。
  • 保持一致比例:尽量遵守推荐比例,避免图片被裁剪或拉伸影响美观。