使用媒體編輯器
您可以使用媒體編輯器編輯圖片、3D 模型與影片。媒體編輯器可在電腦版與行動裝置上使用,但部分媒體編輯功能僅限電腦版提供。目前在行動版媒體編輯器中,您只能編輯圖片檔案。
只要媒體上顯示編輯圖示,您就能使用媒體編輯器進行編輯。適用範圍包括商品媒體、網路商店編輯器中的媒體、Shopify Messaging 電子郵件中的媒體,以及內容 > 檔案中的媒體。您無法使用媒體編輯器編輯富文本編輯器中的圖片。
在編輯媒體之前,請先瞭解圖片長寬比會如何影響其在網站上的顯示。
瞭解圖片長寬比
圖片的長寬比是寬度與高度的比例。例如,尺寸為 200 px × 400 px 的圖片,長寬比為 1:2。尺寸為 150 px × 450 px 的圖片,長寬比為 1:3。
圖片的大小可以不同,但長寬比仍可能相同。要判斷圖片是否具有相同長寬比,請將每張圖片的寬度除以高度,然後比較結果。
針對同一類型的圖片使用一致的長寬比,有助於並排顯示時更整齊,因為它們會以相同大小呈現。例如,若您希望在商品系列中,所有產品圖片以相同大小顯示,則必須具備相同的長寬比。
您可以使用媒體編輯器裁切圖片,讓它們具備相同的長寬比。
新增或編輯替代文字
替代文字用來描述圖片,對無障礙功能與搜尋引擎最佳化 (SEO) 很重要。您可以在媒體編輯器中為圖片新增或編輯替代文字。
媒體編輯器可能會針對尚未有替代文字的圖片提供建議。這些建議是使用人工智慧 (AI) 產生,用於協助描述您的圖片內容。您可以接受、編輯或取代建議的替代文字。請保持替代文字精簡且具描述性,建議以 125 個字元以內為佳。瞭解詳情:為多媒體檔案新增替代文字。
步驟:
在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
按一下縮圖以開啟檔案編輯器。
在 編輯資訊 區段,按一下 替代文字 欄位。
請執行下列其中一項操作:
- 如果有建議的替代文字,請先檢視,然後按一下 接受 以使用它,或視需要加以編輯。
- 若沒有建議的替代文字,或您想自行撰寫,請輸入圖片的簡短說明。
在媒體編輯器中完成編輯後,按一下 儲存。
裁切圖片
您可以裁切圖片以移除其中一部分。當您只想顯示圖片的一部分,或需要變更圖片的長寬比時,此功能特別實用。
您可以在電腦與行動裝置上裁切圖片。在行動裝置上儲存裁切後的圖片時,系統會建立圖片的新副本。
步驟:
電腦版
在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
按一下縮圖以開啟檔案編輯器。
在媒體編輯器中,按一下 裁切與變形。
框選您要保留的圖片範圍:
- 若要以自訂長寬比裁切圖片,按一下 自由比例。您可以按住並拖曳選取區域的角或邊,或在選取區域內按住並拖曳到其他位置。
- 若要以與圖片相同的長寬比進行裁切,按一下 原始比例。您可以按住並拖曳選取區域的角以變更大小,或在選取區域內按住並拖曳到其他位置。調整大小時,長寬比會與原始圖片相同。
- 若要將圖片裁切為正方形,按一下 正方形。您可以按住並拖曳正方形的角以變更大小,或在正方形內按住並拖曳到其他位置。調整大小時,正方形的長寬比會維持不變。
按一下 套用 以裁切圖片。
在媒體編輯器中完成編輯後,按一下 儲存。
行動裝置
在 Shopify 應用程式中,前往您要編輯的多媒體檔案。
點選要編輯的圖片。
在媒體編輯器中,點選 裁切。
若要將圖片裁切為自訂大小,請點住並拖曳選取區域的角,或在選取區域內點住並拖曳到其他位置。
選用:若要重設圖片或復原變更,請使用
或 位於編輯器頂端。在媒體編輯器中完成編輯後,點選 儲存 以儲存圖片的新副本。
在圖片上繪製
您可以在圖片上繪製線條、標示圖片的一部分,或加入設計。
步驟:
在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
按一下縮圖以開啟檔案編輯器。
按一下 繪圖。
選取顏色與畫筆尺寸。
在圖片上按住並拖曳以進行繪圖。
按一下 套用 以新增繪圖。
在媒體編輯器中完成編輯後,按一下 儲存。
您可以使用橡皮擦移除全部或部分繪圖。橡皮擦不會移除原始圖片的任何內容。
調整圖片大小
您可以調整圖片大小以變更實際尺寸。若嘗試透過調整大小來改變長寬比,圖片可能會失真。建議改為裁切圖片為您要使用的長寬比。
步驟:
在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
按一下縮圖以開啟檔案編輯器。
按一下 調整大小。
輸入圖片的新寬度。預設會選取 鎖定長寬比,系統會自動更新圖片高度以維持長寬比。若您只想調整圖片的高度或寬度,請按一下 鎖定長寬比 以取消選取該設定。停用 鎖定長寬比 後調整大小,可能會讓圖片變形。
按一下 完成 以調整圖片大小。
在媒體編輯器中完成編輯後,按一下 儲存。
變更圖片方向
您可以翻轉或旋轉圖片,變更其顯示方向。也可以在邊框內傾斜圖片。
步驟:
在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
按一下縮圖以開啟檔案編輯器。
按一下 旋轉。
變更圖片方向:
- 按一下 順時針旋轉 以旋轉圖片。
- 按一下 垂直翻轉 或 水平翻轉 按鈕,翻轉圖片。
按一下 套用,變更圖片方向。
在媒體編輯器中完成編輯後,按一下 儲存。
移除或替換圖片背景
您可以在媒體編輯器中使用 Shopify Magic,移除或替換圖片背景。在電腦版和行動裝置上,您都可以在媒體編輯器中移除或替換圖片背景。
瞭解 Shopify Magic 媒體產生 的詳情。
還原圖片變更
如果您透過 Shopify 媒體編輯器修改了圖片,即使已儲存變更,您仍可選擇將所有變更還原為原始圖片。還原動作無法復原,因此若您想重新套用或保留任何對圖片的修改,必須手動重新進行。
步驟:
在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
按一下縮圖以開啟檔案編輯器。
修改圖片。
按一下 還原為原始。
在 將圖片還原為原始? 對話方塊中,按一下 還原。
系統會顯示 已還原為原始 訊息,表示變更已完成。
調整 3D 模型
您可以為 3D 模型調整以下項目:
- 環境
- 背景
- 相機初始位置
您無法在行動裝置上調整 3D 模型。
步驟:
在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
按一下縮圖以開啟檔案編輯器。
在 環境 區段中,按一下您要套用到 3D 模型的環境,並使用滑桿調整 3D 模型的曝光。
在 背景 區段中,使用顏色選擇器選取背景顏色,或輸入十六進位色碼。
按一下相機圖示,調整 相機初始位置。在 X 旋轉 或 Y 旋轉 欄位輸入旋轉角度,即可調整 X 與 Y 的旋轉;將滑桿移動到較高的百分比即可放大 3D 模型。
按一下 完成。
如果您在 3D 模型上調整 X 或 Y 的相機旋轉,儲存時變更卻被還原,請先調整相機縮放,再設定您偏好的相機旋轉。
替換影片縮圖
上傳影片時,縮圖會預設為影片的第一個畫面,但您可以上傳自己的縮圖來取代預設。
您無法在行動裝置上替換影片縮圖。
步驟:
在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
按一下縮圖以開啟檔案編輯器。
按一下 … > 替換縮圖。
從您的電腦選取檔案。