使用圖片編輯器

Shopify 管理介面中的圖片編輯器可讓您編輯圖片和調整圖片大小。桌上型電腦和行動裝置皆支援圖片編輯器,但部分圖片編輯功能僅桌上型電腦適用。在目前的行動版圖片編輯器中,您只能裁剪圖片移除或取代圖片背景

您可以使用圖片編輯器編輯商品多媒體檔案。您無法使用圖片編輯器來編輯 RTF 文字編輯器中的圖片。

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

瞭解圖片寬高比

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

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

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

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

裁剪圖片

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

桌上型電腦或行動裝置皆支援圖片裁剪。在行動裝置儲存裁剪後的圖片會建立圖片的新副本。

步驟:

在圖片上繪圖

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

步驟:

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

  2. 點按要修改圖片的商品。

  3. 在「多媒體檔案」區段中,在要修改的圖片上點按「編輯」以開啟圖片編輯器。

  4. 按一下「繪圖」。

  5. 選擇顏色與筆刷大小。

  6. 按一下並在圖片上拖曳來繪圖。

  7. 按一下「套用」以新增繪圖。

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

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

調整圖片大小

您可以調整圖片大小以變更實際大小。如果您嘗試藉由調整圖片大小來調整寬高比,圖片可能會變形。請改用裁剪方式,將圖片裁剪為您想要的寬高比。

步驟:

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

  2. 點按要修改圖片的商品。

  3. 在「多媒體檔案」區段中,在要修改的圖片上點按「編輯」以開啟圖片編輯器。

  4. 按一下「調整大小」。

  5. 輸入圖片的新寬度。系統會依預設選取「鎖定寬高比」,這麼做將自動更新圖片高度,以保持圖片的寬高比。如果您只想調整圖片的高度或寬度,請點按「鎖定寬高比」以取消選取這項設定。調整圖片大小時若停用「鎖定寬高比」,可能會導致圖片扭曲。

  6. 按一下「完成」以調整圖片大小。

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

變更圖片的方向

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

步驟:

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

  2. 點按要修改圖片的商品。

  3. 在「多媒體檔案」區段中,在要修改的圖片上點按「編輯」以開啟圖片編輯器。

  4. 按一下「旋轉」。

  5. 變更圖片方向的方式:

    • 按一下「順時針旋轉」以旋轉圖片。
    • 按一下「垂直翻轉」或「水平翻轉」按鈕以翻轉圖片。
  6. 按一下「套用」以變更圖片方向。

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

移除或取代圖片背景

Shopify Magic 讓您能在圖片編輯器中移除或取代圖片背景。無論在桌上型電腦或行動裝置上,您都可以使用圖片編輯器移除或取代圖片背景。

深入瞭解 Shopify Magic 多媒體檔案產生功能

還原圖片變更

如果您使用 Shopify 圖片編輯器修改圖片,則即使已儲存變更,仍可選擇還原所有變更以回復原始圖片。已修改的圖片一經還原便無法取消,因此若要再次套用或保留圖片的任何變更,您必須手動重新修改。

步驟:

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

  2. 點按要修改圖片的商品。

  3. 在「多媒體檔案」區段中,在要修改的圖片上點按「編輯」以開啟圖片編輯器。

  4. 修改圖片。

  5. 點按「還原為原版」(Revert to original)。

  6. 在「還原為原版?」(Revert image to original?) 對話方塊中,按一下「還原」(Revert)。

畫面隨即顯示「已還原為原版」訊息,表示變更已完成。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用