说到产品的主要图片，我相信许多卖家首先想到的是“排列整齐、纯色背景、产品中心、静态显示、高分辨率”等特点。这种图片风格统一，易于批量管理，但不可避免地会让消费者感到无聊，没有太大的吸引力。
那么如何让产品主图在视觉上突破静态限制，在观感上更有吸引力呢？本期将向卖家介绍“360”°全景产品主图”，并为您提供保姆级详细教程，教您如何使用插件制作360°全景产品主图，并将其添加到商品主图和详情页。
一：什么是360°全景产品主图
360°全景产品主图是指图片本身可以从360开始°一种产品在多个方向全方位展示的产品 GIF 动图形式。
360°全景产品主图突破了静态图片的动态限制。消费者在浏览商品主图时，通过360°全景产品主图可以更直观地与产品互动，从而弥补网络虚拟环境与现实世界中产品感受的差距。
同时，由于消费者可以从多个角度观察产品，可以大大减少消费者对产品外观的怀疑，进一步改善消费者用户体验，增强独立站带来的信任感。
目前，一些第三方平台的一些类别产品也可以使用360°全景产品主图，但需要提交繁琐的申请，还需要等待很长时间。作为独立站卖家在店铺建设和设置上自由度高，使用360°全景产品主图方便多了。
二：360°全景产品主图最佳实践
1. 背景
最好选择浅色作为背景色，特别注意白色背景更能在视觉上突出产品，在外观上更纯净。
如果产品颜色为白色或浅色，则可根据产品的颜色和特点灵活调整黑色或灰色背景色。
2. 帧率
360°全景产品主图一般由多张图片组成，产品旋转时从固定角度拍摄。以 72 以帧率为例，每隔 5° 需要从固定的相机位置拍摄。此外，还有一些 2@ 3@ 120、180、360 等待常见帧率，间隔拍摄角度等等。
从观感上看，主图用的图片越多，帧率越高，360°全景产品主图的旋转动画会更加细腻流畅。
如下图所示，运动鞋产品详细信息页面显示36 帧效果，旋转略卡；
椅子产品详情页面显示72帧，旋转动作流畅，观感好。
3. 图片
图片的拍摄和后期处理非常重要。在方法上，传统的相机可以用来拍照或使用 3D 制作和渲染产品图片的模型软件。
完成的照片需要添加处理，以调整和优化混乱的背景或不必要的细节。照片文件必须按照统一的规则命名。
三：用 Sirv 插件制作360°全景产品主图
关于制作360°全景产品主图工具推荐给大家 Sirv 插件。它有以下优点：
- 有免费套餐可以使用，免费套餐的功能非常丰富。
- Sirv 几个套餐的定价和功能
- 操作简单，不懂代码的卖家可以自己使用。
- 为想要更多定制功能的卖家提供服务 API 接口。
- 图片不仅可以独立旋转，还可以放入详细信息页面，实现手动拖动(drag to spin)，让消费者浏览更多细节，加强互动。
1. Sirv 使用插件的方法
- 首先，按照统一的规则命名所有拍摄的产品图片
- 接着在 Sirv 注册帐户，进入插件后台
- 上传新文件夹和产品图片文件
- 进入文件夹后，选择所有图片，然后单击右上角 Create spin
- 输入文件名，默认选择 Horizontal spin (a row of images)，点击 Create，spin 文件是成功创建的
- 选中 spin 点击更多(..)选项
- Download as GIF – 适用于商品主图
- Embed – 适用商品详情页
2. 主图制作方法
如果卖家只需要旋转主图，上述步骤操作完成后360°全景产品主图设置成功。如果您想在产品详细信息页面添加360°全景产品图片需要以下步骤才能达到手动拖动旋转的效果。
3. 详情页制作方法
- 点击 Embed 进入代码设置页面。
- 依次找到“商品-商品管理”，找到相应商品的描述部分，点击编辑框右上角的“源代码”(Source code)”将在 Sirv 复制粘贴中获得的第一行代码。
- 如果你想把图片放在详细信息页面的中间，你可以添加到特定的部分 style=”text-align: center;” 这部分代码，然后保存，例如：
- 修改前：<div class=”Sirv” data-src=”https://ivercerj.sirv.com/Spins/Egg-Chair/Egg-Chair.spin”></div>
- 修改后：<div class=”Sirv” data-src=”https://ivercerj.sirv.com/Spins/Egg-Chair/Egg-Chair.spin”style=”text-align: center;”></div>
- 然后在 在商店后台的应用市场中找到“嵌入自定义代码”(Custom code)点击插件进入。
- 点击右上角的新代码(Create Code)创建新的自定义代码
- 将在 Sirv 复制粘贴插件中获得的第二行代码
- 用户端(Select APP)：选择 PC 端和手机端
- 出发页面(Trigger page)：选择全部
- 代码位置(Code location)：选择顶部
- 设置完成后点击保存(Save)，然后，手动拖动旋转可以在前台产品的详细描述部分实现。
我想知道你是否学会了它？通过360快速启动体验°全景产品主图在消费者浏览的第一步就抓住了他们的眼球！更多独立站出海干货持续输出。
以上内容属于作者个人观点，不代表跨境立场！本文经原作者授权转载，经原作者授权同意转载。
Sirv 插件使用方法 主图制作方法 图片 帧率 背景 详情页制作方法
