展示位置
商品图片
考虑集合卡片、商品图库、缩略图、放大视图、推荐模块和响应式裁切。
商品视频
考虑商品媒体图库、封面帧、媒体顺序、播放控制、加载表现和移动端播放。
SHOPIFY 平台指南
按照实际 Shopify 主题规划图片与视频
统一规划集合卡片、商品页、放大视图和移动端布局需要的图片与视频。先确认主题和展示位置，再为每个位置准备合适文件。
SHOPIFY 媒体准备
准备 Shopify 图片与商品视频
使用图片指南规划响应式裁切，再用视频指南检查上传方式、主题表现、排序和移动端播放。
围绕最终位置规划
图片与视频在 Shopify 主题中的表现并不相同
素材要适配买家实际看到的集合页、商品图库、放大视图和移动端位置。只符合上传限制，还不能保证最终效果。
源文件准备
商品图片
保留清晰且留有裁切空间的主文件，再为主题中的不同位置导出一致的图片版本。
商品视频
选择直接上传或主题支持的外部视频链接，再按该方式准备视频文件、封面和顺序。
主题内测试
商品图片
检查裁切、商品比例、背景一致性、缩略图清晰度、放大、加载和移动端布局。
商品视频
检查封面帧、顺序、控制按钮、自动播放、声音处理、加载和移动端播放。
围绕主题进行设计
为真实 Shopify 页面布局准备媒体
文件即使符合上传限制，也可能在实际主题中裁切失衡。展示位置、商品比例和播放表现需要一起检查。
- 01
确认所有展示位置
列出集合卡片、商品页、放大视图、移动端裁切和商品媒体图库。
- 02
保留灵活的主文件
在商品周围保留足够空间，既能制作一致裁切，又不会让商品显得过小。
- 03
在实际主题中测试
发布前检查图片裁切、视频顺序、控制方式、加载和移动端播放。