Wix 編輯器:編輯及自訂圖片
4 分鐘
自訂圖片,為網站增添個人特色並吸引訪客目光。探索各種可用工具,創作專為網站設計、獨特又吸睛的圖片。
調整圖片大小
調整圖片大小,讓圖片在網站上以所需尺寸顯示。
提示:
還可透過多種方式裁切圖片。
若要調整圖片大小:
- 點擊圖片。
- 拖曳圖片邊緣的控制點,調整至所需大小。
注意:
使用圖片各角落的控制點調整大小時,圖片和形狀會維持原始比例。

旋轉圖片
使用 Wix 編輯器,只要點擊一下即可旋轉圖片。
若要旋轉圖片:
- 點擊圖片。
- 點擊左上方的旋轉圖示
。 - 拖曳圖片至所需角度。

提示:
將圖片上傳至媒體管理員時,圖片可能會自動旋轉。這是因為數位相機拍攝的圖片包含與圖片方向相關的內嵌中繼資料。上傳圖片後,可按照上述步驟旋轉圖片。
選擇點擊圖片時的動作
選擇網站訪客點擊網站圖片時會觸發的動作。點擊圖片後,可放大圖片、開啟連結或開啟彈出式視窗。
若要設定點擊圖片時觸發的動作:
- 點擊圖片。
- 點擊「設定」圖示
。 - 從「點擊圖片時」下拉式選單中選擇選項:
- 沒有任何反應:點擊圖片時不會有任何反應。
- 開啟連結:圖片會作為按鈕,可連結至網站中的頁面、位置或錨點,也可連結至外部網址、文件或電子郵件地址。點擊「選擇連結」即可進行設定。
- 在彈出式視窗中開啟:圖片會在彈出式視窗中開啟,並以原始大小顯示在深色覆蓋層上,圖片名稱則顯示在下方。深入了解重新命名圖片的方法。
- 可放大:訪客將游標浮動在圖片上時,游標會變成放大鏡。點擊圖片即可放大。

無障礙提示:
若此元件純粹作為裝飾,不包含螢幕助讀程式所需的重要資訊,請選擇「裝飾」核取方塊。
圖片濾鏡效果
多款吸引人的經典濾鏡任君選擇,例如棕褐色和模糊;也可使用 Kennedy 和 Orca 等獨特濾鏡,打造鮮明亮眼的視覺效果。
若要為圖片套用濾鏡:
- 點擊圖片。
- 點擊「濾鏡」圖示
。 - 點擊濾鏡即可套用至圖片。

注意:
對圖片套用濾鏡後,「濾鏡」圖示會變成綠色
。
。 可隨時點擊面板中的「無」 ,即可移除濾鏡並將圖片還原為原始狀態。
新增及自訂圖片框架
新增可自訂框架,讓圖片更加醒目。您可從多款預設框架中選擇,再變更色彩或選用特定陰影,打造最適合圖片的框架。
注意:
可用的自訂選項取決於所選的框架設計。
若要新增及自訂圖片框架:
- 點擊圖片。
- 點擊「設計」圖示
。 - 選擇喜歡的框架設計。
- (選用)進一步自訂設計:
- 點擊「自訂設計」。
- 選擇後續操作:
- 框架預設格式:在頂端選擇新的預設格式。這些預設格式提供不同的形狀和效果,讓框架更有特色。
- 填滿色彩與不透明度:選擇框架的色彩和不透明度。
- 邊框:設計框架的邊框。
- 邊角:將框架邊角設為圓角。
- 陰影:設計框架的陰影。

提示:
部分圖片設計提供「固定」和「浮動」檢視。點擊這些索引標籤即可自訂。
在圖片上新增元件
需要在圖片上顯示文字或其他元件嗎?請將元件附加至顯示在圖片上方的透明容器方塊。
在容器方塊中將元件新增至圖片:
- 點擊編輯器左側的「新增元件」
。 - 點擊「方塊」,然後選擇要新增的方塊。
- 將容器方塊拖曳到相關圖片上,即可附加至圖片。
注意:容器方塊的大小必須與圖片相同或比圖片大。 - 將容器方塊設為透明:
- 點擊「變更設計」。
- 點擊「自訂設計」。
- 點擊「填滿色彩與不透明度」,並將「背景」滑桿拖曳至 0%,讓方塊隱藏。
- 將相關元件拖曳到容器方塊上,即可附加至方塊。
提示:
點擊透明容器方塊,並拖曳至所需位置,即可移動這組元件。

常見問題
點擊下方問題即可了解更多資訊。
圖片變更會顯示在媒體管理工具中嗎?
圖片發生問題時,可以嘗試哪些疑難排解步驟?
圖片已新增框架,該如何移除?
。