產品媒體類型

瀏覽您線上商店的顧客會在產品頁面中瀏覽圖片等多媒體檔案。若能在產品頁面中使用影片、3D 模型以及擴增實境等多媒體檔案,則能提升顧客對您產品的信心、帶來優質顧客體驗並刺激銷售。請務必確認新增的產品多媒體檔案品質良好並且符合必要規格,以便內容能正確顯示。

若要在產品頁面顯示影片或 3D 模型,您線上商店使用的佈景主題需要支援您想要新增的多媒體檔案。所有佈景主題皆支援新增產品圖片。

圖片

系統會使用商品圖片在網路商店和 Shopify POS 等 Shopify 銷售管道中顯示商品樣貌。大多數的商品圖片最適合使用 PNG 檔案類型,其次是 JPEG。其他可接受的檔案類型為 PSDTIFFBMPGIFSVGHEICWebP。Shopify 使用內部的圖片服務來偵測顧客的網頁用戶端所支援的圖片格式,然後自動顯示最佳格式的圖片。圖片在您商店中的實際顯示方式,則取決於您的網路商店佈景主題,而所有佈景主題皆支援新增圖片功能。

您可以使用任何尺寸的產品及商品系列圖片,上限為 4472 x 4472 像素 (或 2000 萬像素)。產品及商品系列圖片的檔案大小不得超過 20 MB,才能上傳至 Shopify。

使用高解析度的照片能呈現出品味更為高雅的專業形象。若產品圖片為正方形,使用 2048 x 2048 像素的照片可呈現最佳視覺效果。如需有關產品圖片的更多建議,請參閱 Shopify 部落格中的「自製美麗產品圖片指南」。

在新增圖片之後,系統會自動產生各種尺寸的圖片,以用於您網路商店佈景主題中的不同區域。例如,大幅的產品圖片可用於產品詳細資訊頁面中,因為顧客會需要仔細查看產品外觀。而較小幅的產品圖片則會用於商品系列範本中,因為此區域不需要大型圖片。

3D 模型

3D 模型是物體的三度空間虛擬展示,3D 模型能讓顧客更確實瞭解您產品的尺寸、比例和細節。

瀏覽您商店的顧客可以在產品頁面檢視產品的 3D 模型。此模型使用該裝置的相機和螢幕,在顧客的使用環境中顯示產品。若使用 3D 模型,顧客則可從任何角度檢視物品。

將 3D 模型檔案新增至您的線上商店之前,您需要確保該檔案符合以下需求:

  • 檔案大小:最大 500 MB
  • 檔案類型: GLBUSDZ

如果您上傳的 3D 模型檔案超過 15 MB,Shopify 會調整該檔案。調整檔案可以減少檔案大小,提高載入速度。

模型調整
模型尺寸 最佳化 轉換次數
小於 15 MB 3D 模型未調整。模型圖形和材料不會變更。 已轉換檔案,以確保模型的 .USDZ 和 .GLB 版本都可用。轉換檔案可確保與 Android 和 iOS 裝置相容。
大於 15 MB 3D 模型已調整。模型化圖形和紋理已調整,同時保留原始檔案的視覺輸出。 已轉換檔案,以確保模型的 .USDZ 和 .GLB 版本都可用。轉換檔案可確保與 Android 和 iOS 裝置相容。

影片

您可以透過兩種方式為產品新增影片:上傳影片檔案,或嵌入 YouTube 或 Vimeo 影片連結。如果您選擇上傳影片檔案,請確保其符合以下條件:

  • 影片長度:最長 10 分鐘
  • 影片大小:最多 1GB
  • 影片解析度:最多 4K (4096 x 2160 像素)
  • 影片檔案類型:.mp4.mov

您不需要滿足這些要求才能嵌入 YouTube 或 Vimeo 影片,不過系統不支援 YouTube 或 Vimeo 以外的網址。

在支援串流的瀏覽器中,影片播放畫質可以為 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 專家來協助您。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用