产品媒体类型
客户在浏览您的在线商店时可查看产品页面上的图片等媒体文件。在您的产品页面上使用视频、3D 模型和增强现实等媒体文件可以让客户对您产品更加放心,从而提升客户体验和销售额。您务必为产品添加高质量且满足所需规格的媒体文件,以使其正确显示。
若要在产品页面上显示视频或 3D 模型,您的在线商店需要使用支持您要添加的媒体文件的模板。所有模板都支持为产品添加图片。
本页相关主题
图片
产品图片用于在 Shopify 的所有销售渠道(包括在线商店和 Shopify POS)中展示产品。大多数产品图片的最佳文件类型为 PNG
,其次为 JPEG
。其他可接受的文件类型为 PSD
、TIFF
、BMP
、GIF
、SVG
、HEIC
和 WebP
。Shopify 的 Imagey 服务可确定客户的 Web 客户端支持的图片格式,然后自动以最佳可用格式显示图片。图片在您的商店中显示的确切方式取决于您的在线商店模板,不过所有模板都支持添加图片。
您的产品和产品系列图片可以为任何尺寸,最大为 5000 x 5000 px,或 2500 万像素。产品和产品系列图片的文件大小需要小于 20 MB才能被添加到 Shopify。
高分辨率照片看起来更精致、更专业。对于方形产品图片,2048 x 2048 像素的尺寸通常效果最佳。有关产品摄影的更多建议,请阅读 Shopify 博客中的精美产品摄影的明确 DIY 指南。
当您添加图片时,系统会自动创建不同的尺寸,用于您在线商店模板中的不同区域。例如,较大尺寸的产品图片可能会用于产品详细信息页面,客户需要在此处详细地查看产品。产品系列模板上不需要采用较大尺寸的图片,因此,可能会采用同一图片的精简版本。
3D 模型
3D 模型是采用三维模式呈现物体的虚拟表现形式。3D 模型让客户更好地感受产品的尺寸、比例和细节。
浏览您商店的客户可以从产品页面查看 3D 产品模型。该模型使用设备的相机和屏幕来在客户的环境中显示产品。利用 3D 模型,客户可以从任何角度查看对象。
在将 3D 模型文件添加到您的在线商店之前,您需要确保其满足以下要求:
- 文件大小:最大 500 MB
- 文件类型:
GLB
,USDZ
如果您上传超过 15 MB 的 3D 模型文件,则系统会自动优化您的文件。优化可缩小文件大小并提高加载速度。
模型尺寸 | 优化 | 转化 |
---|---|---|
小于 15 MB | 3D 模型不会进行优化。模型结构和材料不会发生变化。 | 文件会进行转换以确保模型的 .USDZ 和 .GLB 版本均可用。转换可确保与 Android 和 iOS 设备保持兼容。 |
大于 15 MB | 3D 模型会进行优化。模型结构和纹理会进行优化,但会保留原始文件的视觉输出。 | 文件会进行转换以确保模型的 .USDZ 和 .GLB 版本均可用。转换可确保与 Android 和 iOS 设备保持兼容。 |
视频
您可以通过两种方式为产品添加视频:上传视频文件或嵌入 YouTube 或 Vimeo 视频链接。如果您要上传视频文件,请确保它们满足以下要求:
- 视频时长:最长 10 分钟
- 视频大小:最大 1 GB
- 视频分辨率:最高 4K (4096 x 2160 px)
- 视频文件类型:
.mp4
或.mov
您无需满足嵌入 YouTube 或 Vimeo 视频的这些要求,但 YouTube 或 Vimeo URL 以外的 URL 不受支持。
在支持流式播放的浏览器中,视频显示为 480p、720p 或 1080p,具体取决于观看者的连接速度和所上传视频的分辨率。在不支持流式播放的浏览器中,视频以可用的最高分辨率显示。
您可以在 Shopify 后台或 Shopify 应用中为您的产品添加图片、3D 模型或视频。
支持 3D 模型或视频的模板
您的模板可能已经支持 3D 模型或视频。您需要确保您的模板已更新为正确的版本使。
Shopify 提供的以下模板支持在您的在线商店中显示 3D 模型或视频。
Online Store 2.0 模板:
某些模板也进行了更新,旨在为 Vimeo 视频播放提供增强体验。如果您想在模板中展示 Vimeo 视频,请考虑将您的模板更新为以下版本之一:
大多数第三方模板都有包含 3D 模型或视频的最新版本。如果您使用第三方开发的模板,您可以联系模板开发人员寻求支持,或参阅您的模板的帮助文档。
使用元字段添加产品媒体文件
如果您想自定义产品媒体文件在您的在线商店中的显示方式,则可以使用元字段来为您的产品创建文件参考元字段。文件参考元字段支持上传图片以用于展示产品,或支持可供客户下载的所有其他文件类型。您可以在您在线商店的元字段中显示 JPEG、PNG、WEBP、SVG、HEIC 或 GIF 格式的图片。一个元字段每次只能包含一个文件。
如果您有 Online Store 2.0 模板,则可以通过使用模板编辑器来将文件参考元字段连接到您的模板。如果您使用的是经典模板,则可以编辑您的模板代码或聘请 Shopify 合作伙伴来帮助您。