首页 后台教程 产品 shopify站点幻灯片、图片横幅和全宽图片的最佳做法

shopify站点幻灯片、图片横幅和全宽图片的最佳做法

2023.06.20

许多 Shopify 模板都包含大型图片或幻灯片,它们可以扩展到浏览器的高度或适应您的屏幕尺寸。

如果您使用其中一个模板或拥有尺寸较大的幻灯片或背景图片,那么了解哪种类型的图片看上去效果最佳是非常重要的。

由于大图无法适应所有设备,因此 Shopify 有时仅显示部分图片,具体取决于您使用的设备。如果您的图片幻灯片包含大量大图,那么您可能会发现图片的某些部分不可见。


建议

为了确保图片能够很好地适应您的模板,请注意以下事项:

  • 用于幻灯片或背景的图片中不应包含文本。如果文本是图片本身的一部分,则可能会根据您的模板对它进行移动、裁剪或调整。使用模板编辑器添加文本和转至幻灯片的链接。

  • 对于在幻灯片中使用的或作为背景使用的图片,请选择简单图片,从而使任何叠加的文本易于阅读。

高屏幕上的宽图片

当用于查看宽图片的设备是高屏幕(例如手机或平板电脑)时,则可能会裁剪该图片的左右两侧。在下面的示例中,如果人物是图片最重要的部分,则您可以将焦点放置在图片右侧:




宽屏幕上的高图片

当用于查看高图片的设备屏幕较宽(如笔记本电脑或台式设备)时,则可能会裁剪该图片的顶部和底部。在下面的示例中,如果鞋子是图片最重要的部分,则您可以将焦点放置在图片底部以防止鞋子被裁剪:




相关链接:中国区支持的其他支付方式名单

shopify的套餐费用明细



(以上来源于:shopify)


在线留言 在线留言
如果您对我们的产品感兴趣并想了解更多详情,请在此留言,我们会尽快回复您。