首页 后台教程 产品 shopify产品媒体文件处添加的图片视频3D模型的文件格式要求

shopify产品媒体文件处添加的图片视频3D模型的文件格式要求

2024.11.14

客户在浏览shopify的在线商店时可查看产品页面上的图片等媒体文件。在您的产品页面上使用视频、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 像素的尺寸通常效果最佳。


注意:

当产品图片在产品分类页面上并排显示时,它们具有不同的大小。若要使图片显示相同的大小,您需要对添加为配图或主要图片的所有图片使用一致的纵横比或高宽比。对于可能没有以相同纵横比保存的图片,Themes 还可以使用 Shopify CDN 请求保持一致尺寸。


当您添加图片时,系统会自动创建不同的尺寸,用于您在线商店模板中的不同区域。例如,较大尺寸的产品图片可能会用于产品详细信息页面,客户需要在此处详细地查看产品。产品系列模板上不需要采用较大尺寸的图片,因此,可能会采用同一图片的精简版本。



二、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 或 .webm



注意:

.webm 和 .mov 文件都可以在 Shopify 后台中上传,但 Shopify 会以 .mp4 或 HLS 格式转换和提供所有视频,以便为客户提供最佳兼容性。


您无需满足嵌入 YouTube 或 Vimeo 视频的这些要求,但 YouTube 或 Vimeo URL 以外的 URL 不受支持。


在支持流式播放的浏览器中,视频显示为 480p、720p 或 1080p,具体取决于观看者的连接速度和所上传视频的分辨率。在不支持流式播放的浏览器中,视频以可用的最高分辨率显示。



您可以在 Shopify 后台或 Shopify 应用中为您的产品添加图片、3D 模型或视频。



四、支持 3D 模型或视频的模板


您的模板可能已经支持 3D 模型或视频。您需要确保您的模板已更新为正确的版本使。


Shopify 提供的以下模板支持在您的在线商店中显示 3D 模型或视频。


Online Store 2.0 模板:


      • Craft
      • Crave
      • Dawn
      • Sense


某些模板也进行了更新,旨在为 Vimeo 视频播放提供增强体验。如果您想在模板中展示 Vimeo 视频,请考虑将您的模板更新为以下版本之一:


      • Craft
      • Crave
      • Dawn
      • Sense


大多数第三方模板都有包含 3D 模型或视频的最新版本。如果您使用第三方开发的模板,您可以联系模板开发人员寻求支持,或参阅您的模板的帮助文档。


五、使用元字段添加产品媒体文件


如果您想自定义产品媒体文件在您的在线商店中的显示方式,则可以使用元字段来为您的产品创建文件参考元字段。文件参考元字段支持上传图片以用于展示产品,或支持可供客户下载的所有其他文件类型。您可以在您在线商店的元字段中显示 JPEG、PNG、WEBP、SVG、HEIC 或 GIF 格式的图片。一个元字段每次只能包含一个文件。


如果您有 Online Store 2.0 模板,则可以通过使用模板编辑器来将文件参考元字段连接到您的模板。如果您使用的是经典模板,则可以编辑您的模板代码或聘请 Shopify 合作伙伴来帮助您。


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

shopify的套餐费用明细









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