适用于幻灯片、图片横幅和全宽图片的最佳做法许多Shopify模板都包含大型图片或幻灯片,它们可以扩展到浏览器的高度或适应您的屏幕尺寸。如果您使用其中一个模板或拥有尺寸较大的幻灯片或背景图片,那么了解哪种类型的图片看上去效果最佳是非常重要的。由于大图无法适应所有设备,因此Shopify有时仅显示部分图片,具体取决于您使用的设备。如果您的图片幻灯片包含大量大图,那么您可能会发现图片的某些部分不可见。
适用于幻灯片、图片横幅和全宽图片的最佳做法
许多 Shopify 模板都包含大型图片或幻灯片,它们可以扩展到浏览器的高度或适应您的屏幕尺寸。
如果您使用其中一个模板或拥有尺寸较大的幻灯片或背景图片,那么了解哪种类型的图片看上去效果最佳是非常重要的。
由于大图无法适应所有设备,因此 Shopify 有时仅显示部分图片,具体取决于您使用的设备。如果您的图片幻灯片包含大量大图,那么您可能会发现图片的某些部分不可见。
建议
为了确保图片能够很好地适应您的模板,请注意以下事项:
- 一些模板拥有一个图片位置设置,您可以用于指定图片的哪部分是焦点。如果您的模板没有此类设置,请确保每张图片的焦点都位于中心。当您的图片在某些屏幕上经过裁剪后,焦点是可见的,而它周围的区域可能会被隐藏。
- 用于幻灯片或背景的图片中不应包含文本。如果文本是图片本身的一部分,则可能会根据您的模板对它进行移动、裁剪或调整。使用模板编辑器添加文本和转至幻灯片的链接。
- 对于在幻灯片中使用的或作为背景使用的图片,请选择简单图片,从而使任何叠加的文本易于阅读。
高屏幕上的宽图片
当用于查看宽图片的设备是高屏幕(例如手机或平板电脑)时,这些宽图片可能会在左右两侧进行裁剪