header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

Wix Stores:新增產品圖片、GIF 和影片

重要:
全新的產品建立頁面正陸續推出。如果看到的第一個欄位是「圖片和影片」,代表目前使用的是舊版頁面,請按照以下新增圖片、GIF 和影片的指示操作。
為產品新增圖片、GIF 或影片,讓顧客更深入了解商店產品。高品質的視覺素材能吸引顧客目光、提升信心並鼓勵購買。
Wix Stores 中的產品螢幕截圖

製作出色的產品圖片

出色的產品圖片可能是促成交易或錯失商機的關鍵。顧客無法親自觸摸或試用產品,因此圖片、GIF 和影片是完整展示產品特色的重要素材。
  • 品質至關重要:如果圖片品質不佳,再好的產品也可能缺乏吸引力。請使用高解析度圖片、適當照明和三腳架,拍出清晰銳利的效果。
  • 多樣化:顧客喜歡查看從多個角度拍攝的產品圖片。請加入特寫,展示布料拼接、材質或工藝等細節。
  • 情境圖片:展示實際使用產品的情況。例如,除了展示放在桌上的耳環特寫,也可加入佩戴耳環的圖片。
Wix Stores 中的產品範例螢幕截圖
如需更多製作出色產品圖片的實用秘訣,請參閱這份指南

新增產品媒體

製作圖片時,請留意圖片比例(圖片寬度與高度的比例)。請遵循以下建議,取得最佳顯示效果:
建議的圖片尺寸和解析度:
  • 最低解析度:3,000 × 3,000 像素
  • 圖片比例:16:9、3:2、4:3、1:1、3:4、2:3、9:16
  • 行動裝置建議比例:1:1(正方形圖片)。
  • 桌面版建議:「經典產品頁面」版面配置支援所有圖片比例。其他版面配置使用較寬的圖片時,顯示效果最佳。

將圖片或 GIF 新增至產品:

  1. 前往「產品」(位於網站管理介面)。
  2. 點擊選擇產品。
  3. 點擊「新增 媒體」。
  4. 選擇圖片或 GIF,或點擊「+上傳媒體」新增檔案。
  5. 點擊「新增媒體」。
GIF:示範如何在 Wix Stores 中為產品上傳圖片

編輯及裁切圖片

上傳圖片後,可直接從「產品」標籤進入 Wix Photo Studio 進行變更。您可:
  • 裁切圖片
  • 調整亮度、對比或飽和度
  • 建立透明圖片
  • 變更背景色彩
  • 移除背景
  • 以及更多功能……

在 Wix Stores 中進入 Photo Studio:

  1. 前往網站管理介面的「產品」
  2. 點擊以選擇產品。
  3. 將游標停留在要編輯的圖片上。
  4. 點擊「裁切與編輯」圖示
螢幕截圖:Wix Stores 產品建立頁面的部分畫面,顯示圖片和影片區段
深入了解 Wix Photo Studio 提供的進階工具。

新增圖片替代文字

為產品圖片新增替代文字,有助於改善 SEO 和無障礙體驗。替代文字是圖片的簡短描述。搜尋引擎和螢幕助讀程式(供有視覺障礙的網站訪客使用)會透過替代文字了解圖片內容。
例如,皮革手提包的替代文字可以是:「附金色細節和可調式背帶的棕色皮革手提包」。

新增替代文字:

  1. 前往網站管理介面的「產品」
  2. 點擊以選擇產品。
  3. 點擊「更多操作」圖示 (位於「圖片和影片」區段)。
  4. 點擊「編輯替代文字」
  5. 輸入替代文字。
  6. (選填)點擊「複製到全部」,將相同文字套用至所有圖片。
  7. 點擊「套用」

新增產品影片

產品影片能帶來僅次於親自體驗產品的效果,有助於提升顧客的購買信心。
建議格式和大小:
  • 影片格式:AVI、MP4、MOV、MPEG
  • 大小:上限為 50 MB

將影片新增至商店產品:

  1. 前往網站管理介面的「產品」。
  2. 點擊選擇產品。
  3. 點擊「新增 媒體」。
  4. 選擇影片,或點擊「+上傳媒體」新增影片。
  5. 點擊「新增媒體」。

依產品選項顯示不同媒體

將特定圖片連結至各個產品選項,即可展示產品的不同變化(例如色彩或樣式),讓顧客清楚掌握要購買的產品。
GIF 顯示 Wix Stores 中的產品,每個產品選項均連結至不同圖片
注意:
可將圖片連結至各個選項,但無法連結至各個產品款式。為此功能投票

將圖片、GIF 和影片連結至產品選項:

  1. 前往網站管理介面的「產品」。
  2. 選擇含有產品選項的產品。
  3. 向下捲動至「產品選項」區段。
  4. 點擊「連結圖片和影片」圖示
Wix 產品建立頁面的產品選項區段螢幕截圖,顯示如何將圖片連結至產品選項

常見問題

點擊下方問題,深入了解如何新增產品圖片、GIF 和影片: