使用圖片編輯器

您可以使用圖片編輯器，將想要使用在 Shopify 管理介面的圖片進行編輯與調整大小。

在您編輯圖片之前，您應該要瞭解圖片的寬高比如何影響其在網站上的顯示方式。

瞭解圖片寬高比

圖片的寬高比就是其寬度與高度的比率。例如，若圖片大小為 200px X 400px，其寬高比就是 1:2。若圖片大小為 150px X 450px，其寬高比就是 1:3。

圖片可以調整大小，同時維持相同的寬高比。若要計算圖片的寬高比是否相同，請以圖片的寬度除以高度，然後比較得出的結果。

備註

您可以直接在 Shopify 應用程式中使用 Shopify 的產品相機，拍出理想寬高比的產品相片和影片。

所有特定類型的圖片使用固定的寬高比，可以讓圖片整齊並排顯示，因為顯示大小皆相同。例如，如果您希望商品系列中的產品圖片均以相同大小顯示，則所有圖片的寬高比都須一致。

您可以使用圖片編輯器將圖片裁剪為相同的寬高比。

開啟圖片編輯器

您可以使用圖片編輯器編輯產品圖片。

備註

您無法使用圖片編輯器來編輯 RTF 文字編輯器中的圖片。

步驟：

1. 在 Shopify 管理介面 中，前往「產品」。

2. 點擊含有您希望編輯的圖片的產品名稱。

3. 在多媒體檔案區段，點擊要編輯的產品圖片。

裁剪圖片

您可以裁剪圖片以移除圖片的一部分。若您只想顯示圖片的一部分，或是需要變更圖片的寬高比，這個功能相當實用。

步驟：

1. 按一下「裁剪」。

2. 以邊框圍住您想保留的圖片區域：

   • 如果您想要將圖片裁剪為自訂大小，請按一下「任意形式」您可以按住並拖曳反白區域的角落，或按住反白區域內部並將其拖曳至其他位置。
   • 如果您想要以原本的寬高比裁剪圖片，請按一下「原始比例」。您可以按住並拖曳反白區域的角落以調整大小，或按住反白區域內部並將其拖曳至其他位置。調整大小時，圖片寬高比將與原圖維持一致。
   • 如果您想將圖片裁剪為正方形，請按一下「正方形」。您可以按住並拖曳正方形的角落以調整大小，或按住正方形內部並將其拖曳至其他位置。調整大小時，正方形的寬高比將維持不變。

3. 按一下「套用」以裁剪圖片。

4. 在圖片編輯器中完成編輯時，請按一下「儲存」。

在圖片上繪圖

您可以在圖片上繪圖以加上線條、強調圖片的某部分或加上設計圖案。

步驟：

1. 按一下「繪圖」。
2. 選擇顏色與筆刷大小。
3. 按一下並在圖片上拖曳來繪圖。
4. 按一下「套用」以新增繪圖。
5. 在圖片編輯器中完成編輯時，請按一下「儲存」。

您可以使用橡皮擦，移除繪圖的全部或部分圖案。橡皮擦不會移除原有圖片的任何內容。

調整圖片大小

您可以調整圖片大小以變更實際大小。

步驟：

1. 按一下「調整大小」。
2. 輸入圖片的新寬度。高度會按照相同的寬高比自動調整。如果您在調整圖片大小時不想維持一樣的寬高比，請點擊「鎖定寬高比」。調整大小時若未停用「鎖定寬高比」，可能會導致您的圖片扭曲。
3. 按一下「套用」以調整圖片大小。
4. 在圖片編輯器中完成編輯時，請按一下「儲存」。

備註

調整圖片大小會改變整體大小。如果您嘗試藉由調整圖片大小來調整寬高比，那麼圖片可能會變形。請改用裁剪方式，將圖片裁剪為您想要的寬高比。

變更圖片的方向

您可以翻轉或旋轉圖片以變更其顯示方向。您在可以在邊框中傾斜圖片。

步驟：

1. 按一下「旋轉」。

2. 變更圖片方向的方式：

   • 按一下「順時針旋轉」以旋轉圖片。
   • 按一下「垂直翻轉」或「水平翻轉」按鈕以翻轉圖片。

3. 按一下「套用」以變更圖片方向。

4. 在圖片編輯器中完成編輯時，請按一下「儲存」。