header-logo
了解如何以 Wix 建立網站和商家。
了解如何建立、管理並維護 Wix 網站。
管理訂閱、方案與請款單。
處理業務,與會員連繫。
學習如何購買、連結或轉移網站網域。
以進階功能提升效率。
尋求解決方法,了解已知問題,或聯絡我們。
placeholder-preview-image
以課程和教學加強技能。
學習網頁設計、行銷等範疇的秘訣。
學習如何提升來自搜尋引擎的自然網站流量。
以全端平台建立自訂網站。
與專家配對,幫助實現目標。
placeholder-preview-image

Wix Harmony 編輯器:編輯與自訂圖片

6 分鐘
本篇文章適用於 2026 年 1 月發布的新版 Wix Harmony 編輯器。若不確定目前使用的是 Wix Harmony 編輯器還是 Wix 編輯器,請在此檢視更多資訊
圖片有助於以視覺方式傳達訊息,並建立令人難忘的體驗。編輯器工具和 Wix Photo Studio 讓您能夠塑造並自訂每張圖片,以符合品牌和網站版面配置。
以理想的方式展示圖片 ── 裁切並調整大小、嘗試使用濾鏡編輯外觀和形象,並選擇訪客點擊圖片時的後續操作。
提示:
優秀的圖片不只能填滿空間,還能為網站增添個性與焦點。嘗試使用獨特的 動畫,讓頁面感覺更加動態且充滿活力。

裁切圖片

裁切圖片,讓網站僅顯示您想要的部分。您可以手動裁切圖片或使用比例裁切。
請注意:
雖然您可以裁切大多數類型的圖片,但無法裁切 GIF。

裁切圖片方法:

  1. 前往編輯器
  2. 點擊頁面上的相關圖片。
  3. 選擇裁切圖片的方式:
可用裁切選項螢幕截圖。

調整圖片大小與旋轉圖片

調整圖片大小與方向,使其完美符合頁面設計。

調整圖片大小或旋轉圖片方法:

  1. 前往編輯器
  2. 點擊頁面上的相關圖片。
  3. 選擇操作項目:
圖片旋轉螢幕截圖。

設計圖片

增強圖片外觀以符合網站樣式。新增邊框、調整圓角或選擇陰影效果,讓每張圖片都顯得獨特且具備設計意圖。

設計圖片方法:

  1. 前往編輯器
  2. 點擊頁面上的相關圖片。
  3. 點擊操作列中的 所有設計選項 圖示
  4. 設計 圖片:
    • 邊框 界定圖片邊框使其脫穎而出,並選擇色彩、寬度和樣式。點擊 編輯所有邊框圖示 即可一次設計所有邊框。
    • 角落 拖動半徑下方的滑桿,使圖片角落變得更方或更圓。點擊 編輯個別角落 圖示 即可分別設計每個角落。
    • 陰影 套用內陰影和外陰影以賦予圖片有趣的 3D 效果,並設定位置、模糊度、色彩及尚有...項。
「設計」面板螢幕截圖。

使用 Wix Photo Studio 編輯圖片

使用 Wix Photo Studio,無需離開編輯器即可建立精美圖片。Photo Studio 讓您能夠自訂已上傳的圖片,並將新編輯的版本儲存至媒體管理員。
系統提供濾鏡、旋轉和疊加層等多種編輯選項,方便隨時翻新任何圖片。
提示:
您也可以直接在媒體管理員中編輯圖片,只需點擊縮圖下方的裁切與編輯即可。

編輯圖片方法:

  1. 前往編輯器
  2. 點擊頁面上的相關圖片。
  3. 選擇操作項目:
    • 套用濾鏡:點擊操作列上的 濾鏡 圖示 ,即可從大量吸引的傳統濾鏡(如復古和模糊)或獨特濾鏡(如 Kennedy 和 Orca)中進行選擇,增添生動的視覺吸引力。
    • 調整圖片:點擊操作列上的 調整 圖示 ,即可使用明亮度、對比度和曝光等工具微調圖片並提升品質。
    • 前往 Photo Studio:點擊 編輯圖片 即可使用 Wix Photo Studio 中的 可用選項
  4. 點擊 儲存
Photo Studio 螢幕截圖。

將圖片連結至其他頁面、網站、文件或快顯視窗,增加互動性。可點擊的圖片能輕鬆引導訪客前往您希望他們造訪的位置。

為圖片新增連結方法:

  1. 前往編輯器
  2. 點擊頁面上的相關圖片。
  3. 點擊操作列上的 連結 圖示
  4. 選擇連結類型並輸入詳細資訊。
  5. 輸入連結詳細資訊。
  6. 點擊 完成
「連結至」面板螢幕截圖。

自訂圖片設定

微調圖片在網站上的顯現方式與行為。您可控制圖片是否為裝飾性、設定顯示模式、新增無障礙替代文字,或管理點擊圖片後的後續操作。
  1. 前往編輯器
  2. 點擊頁面上的相關圖片。
  3. 點擊操作列上的 設定 圖示
  4. 選擇自訂項目:
    • 顯示模式:選擇圖片在頁面上的最適大小方式:填滿最適大小依外觀比例
    • 連結至:選擇此圖片應連結至的對象(例如:網站頁面、電子郵件、文件)。
    • 無障礙:點擊下拉式選單並自訂以下內容:
      • 替代文字:輸入圖片的簡短描述,使其可供訪客存取,並協助 搜尋引擎(如 Google)理解圖片內容。深入了解為無障礙環境準備圖片的資訊
      • 設為裝飾性:若圖片不包含供螢幕助讀程式讀取的重要資訊,且僅用於裝飾頁面,請啟用此切換開關。
「設定」面板螢幕截圖。
請注意:
目前無法批次為圖片/圖庫新增替代文字。若希望增加此功能,請在此投票建議

常見問題

點擊下方問題以深入了解編輯與自訂圖片的資訊: