使用多媒體檔案體編輯器
您可以使用多媒體檔案編輯器編輯圖片、3D 模型和影片。桌上型電腦和行動裝置皆支援多媒體檔案編輯器,但部分多媒體檔案編輯功能僅提供電腦版。目前,在行動版的多媒體檔案編輯器上,您只能編輯圖片檔。
您可以使用多媒體檔案編輯器,在多媒體檔案上顯示編輯圖示的任何位置編輯多媒體檔案。這包括商品多媒體檔案、網路商店編輯器中的多媒體檔案、Shopify Email 中的多媒體檔案,以及「內容」>「檔案」中的多媒體檔案。您無法使用多媒體檔案編輯器來編輯 RTF 文字編輯器中的圖片。
編輯多媒體檔案之前,應該要先瞭解圖片的寬高比會如何影響圖片在網站上的顯示方式。
瞭解圖片寬高比
圖片的寬高比就是其寬度與高度的比率。例如,若圖片大小為 200px X 400px,其寬高比就是 1:2。若圖片大小為 150px X 450px,其寬高比就是 1:3。
圖片可以調整大小,同時維持相同的寬高比。若要計算圖片的寬高比是否相同,請以圖片的寬度除以高度,然後比較得出的結果。
所有特定類型的圖片使用固定的寬高比,可以讓圖片整齊並排顯示,因為顯示大小皆相同。例如,如果您希望商品系列中的產品圖片均以相同大小顯示,則所有圖片的寬高比都須一致。
您可以使用多媒體檔案編輯器將圖片裁剪為相同的寬高比。
裁剪圖片
您可以裁剪圖片以移除圖片的一部分。若您只想顯示圖片的一部分,或是需要變更圖片的寬高比,這個功能相當實用。
桌上型電腦或行動裝置皆支援圖片裁剪。在行動裝置儲存裁剪後的圖片會建立圖片的新副本。
步驟如下:
電腦版
- 在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
點按鉛筆圖示或縮圖,以開啟多媒體檔案編輯器。
在多媒體檔案編輯器中,按一下「裁剪並轉換」。
-
以邊框圍住您想保留的圖片區域:
- 若要將圖片裁剪為自訂寬高比,請按一下「任意形式」。您可以按住並拖曳反白區域的角落或邊緣,或按住反白區域內部並將它拖曳至其他位置。
- 若要以原本的寬高比裁剪圖片,請按一下「原始比例」(Original)。您可以按住並拖曳反白區域的角落以調整大小,或按住反白區域內部並將它拖曳至其他位置。調整大小時,圖片寬高比將與原圖維持一致。
- 若要將圖片裁剪為正方形,請點按「正方形」(Square)。您可以按住並拖曳正方形的角落以調整大小,或按住正方形內部並將它拖曳至其他位置。調整大小時,正方形的寬高比將維持不變。
按一下「套用」以裁剪圖片。
在多媒體檔案編輯器中完成編輯時,請按一下「儲存」。
Mobile
- 在 Shopify 應用程式中,前往您想要編輯的多媒體檔案。
點選鉛筆圖示或點選縮圖,以開啟多媒體檔案編輯器。
在多媒體檔案編輯器中,點選「裁剪圖片」。
若要將圖片裁剪為自訂大小,請點選並拖曳反白區域的角落,或點選反白區域內部並將它拖曳至其他位置。
選用:若要將圖片重設為原始設定,請點選「重設」。
在多媒體檔案編輯器中完成編輯時,請點選「儲存」以儲存圖片的新副本。
在圖片上繪圖
您可以在圖片上繪圖以加上線條、強調圖片的某部分或加上設計圖案。
步驟如下:
- 在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
點按鉛筆圖示或縮圖,以開啟多媒體檔案編輯器。
按一下「繪圖」。
選擇顏色與筆刷大小。
按一下並在圖片上拖曳來繪圖。
按一下「套用」以新增繪圖。
在多媒體檔案編輯器中完成編輯時,請按一下「儲存」。
您可以使用橡皮擦,移除繪圖的全部或部分圖案。橡皮擦不會移除原有圖片的任何內容。
調整圖片大小
您可以調整圖片大小以變更實際大小。如果您嘗試藉由調整圖片大小來調整寬高比,圖片可能會變形。請改用裁剪方式,將圖片裁剪為您想要的寬高比。
步驟如下:
- 在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
點按鉛筆圖示或縮圖,以開啟多媒體檔案編輯器。
按一下「調整大小」。
輸入圖片的新寬度。系統會依預設選取「鎖定寬高比」,這麼做將自動更新圖片高度,以保持圖片的寬高比。如果您只想調整圖片的高度或寬度,請點按「鎖定寬高比」以取消選取這項設定。調整圖片大小時若停用「鎖定寬高比」,可能會導致圖片扭曲。
按一下「完成」以調整圖片大小。
在多媒體檔案編輯器中完成編輯時,請按一下「儲存」。
變更圖片的方向
您可以翻轉或旋轉圖片以變更其顯示方向。您在可以在邊框中傾斜圖片。
步驟如下:
- 在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
點按鉛筆圖示或縮圖,以開啟多媒體檔案編輯器。
按一下「旋轉」。
-
變更圖片方向的方式:
- 按一下「順時針旋轉」以旋轉圖片。
- 按一下「垂直翻轉」或「水平翻轉」按鈕以翻轉圖片。
按一下「套用」以變更圖片方向。
在多媒體檔案編輯器中完成編輯時,請按一下「儲存」。
移除或取代圖片背景
Shopify Magic 讓您能在多媒體檔案編輯器中移除或取代圖片背景。無論在桌上型電腦或行動裝置上,您都可以使用多媒體檔案編輯器移除或取代圖片背景。
深入瞭解 Shopify Magic 多媒體檔案產生功能。
還原圖片變更
如果您使用 Shopify 多媒體檔案編輯器修改圖片,則即使已儲存變更,仍可選擇還原所有變更以回復原始圖片。已修改的圖片一經還原便無法取消,因此若要再次套用或保留圖片的任何變更,您必須手動重新修改。
步驟如下:
- 在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
點按鉛筆圖示或縮圖,以開啟多媒體檔案編輯器。
修改圖片。
點按「還原為原版」(Revert to original)。
在「還原為原版?」(Revert image to original?) 對話方塊中,按一下「還原」(Revert)。
畫面隨即顯示「已還原為原版」訊息,表示變更已完成。
調整 3D 模型
您可以調整 3D 模型的以下設定:
- 環境
- 背景
- 初始相機位置
您無法在行動裝置上調整 3D 模型。
步驟如下:
- 在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
點按鉛筆圖示或縮圖,以開啟多媒體檔案編輯器。
在「環境」區段中,按一下要套用至 3D 模型的環境,然後使用滑桿調整 3D 模型的曝光度。
在「背景」區段中,使用顏色選擇器選取背景顏色或輸入十六進位代碼。
按一下「相機」圖示,以調整「初始相機位置」。您可以在「X 軸旋轉」欄位或「Y 軸旋轉」欄位中輸入旋轉角度來調整 X 軸和 Y 軸旋轉,也能將滑桿調到更高的百分比來放大 3D 模型。
點擊「完成」。
取代影片縮圖
上傳影片時,縮圖預設為影片的第一格畫面,但您可以上傳自己的縮圖來取代預設值。
無法在行動裝置上取代影片的縮圖。
步驟如下:
- 在 Shopify 管理介面中,前往您要編輯的多媒體檔案。
點按鉛筆圖示或縮圖,以開啟多媒體檔案編輯器。
按一下「...」>「取代縮圖」。
從電腦中選取檔案。