產品媒體類型

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

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

圖片

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

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

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

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

3D 模型

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

瀏覽您商店的顧客可以在商品頁面檢視商品的 3D 模型。這類模型使用裝置的相機和螢幕,在顧客的使用環境中顯示商品。透過 3D 模型,顧客能夠從任何角度檢視物品。

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

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

如果您上傳的 3D 模型檔案超過 15 MB,系統會自動將檔案最佳化。最佳化可以減少檔案大小,提高載入速度。

模型調整
模型尺寸 最佳化 轉換次數
小於 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 銷售商品了嗎?

免費試用