管理產品影像和影片

對於每個產品,您可以上傳多個影像和影片、重新安排其順序,並控制每個產品的使用方式。 如果要管理大量的影像,您可能會偏好以批次匯入,而非個別上傳每個影像。 如需詳細資訊,請參閱匯入產品影像

如果您打算上傳大型影像以供在​ Product Details ​頁面上檢視,建議您設定畫素大小上限(寬度和高度),並在上傳時自動調整檔案大小。 上傳影像時,有一個選項可啟用自動調整大型影像檔案的大小。 如需詳細資訊,請參閱調整產品影像大小

更新產品影像

  1. 在編輯模式中開啟產品。

  2. 若要使用特定商店檢視,請將左上角的​ Store View ​選擇器設定為適用的檢視。

    note
    NOTE
    新產品影像會​**一律​上傳並顯示在​所有​市集檢視中,即使All Store Views範圍未用於上傳。

    若要從特定商店檢視隱藏任何產品影像,您必須切換到該商店檢視,選取影像的​
    Hide from Product Page**​核取方塊,然後按一下​Save
  3. 向下捲動並展開​ Images and Videos ​區段。

上傳影像

為獲得最佳相容性,建議使用sRGB色彩設定檔上傳所有產品影像。 所有其他色彩設定檔會在產品影像上傳期間自動轉換為sRGB色彩設定檔,這可能會造成上傳影像的色彩不一致。

影像檔案名稱長度(包括副檔名)不可超過90個字元。

若要上傳影像,請執行下列任一項作業:

  • 從您的案頭拖曳影像,並將它拖放到​ Images And Videos ​方塊中的_​攝影機​_( 攝影機圖示 )圖磚上。

  • 在​ Images And Videos ​方塊中,按一下_​攝影機​_( 攝影機圖示 )圖磚,選取您電腦上的影像檔,然後按一下​Open

    上傳或拖放 {width="600" modal="regular"}

重新排列影像

若要變更相簿中影像的順序,請按一下影像圖磚底部的​Sort 排序圖示 )圖示,並將影像拖曳至​ Images And Videos ​方塊中的不同位置。

變更順序 {width="600" modal="regular"}

刪除影像

若要從相簿移除影像,請按一下影像圖磚右上角的​Delete 垃圾桶圖示 )圖示,然後按一下​Save

設定影像詳細資料

按一下您要在詳細檢視中開啟的影像,然後執行下列任一項作業:

影像詳細資料檢視 {width="600" modal="regular"}

若要關閉詳細資料檢視,請按一下右上角的​關閉 關閉圖示 )圖示。

完成時,按一下​Save

輸入替代文字

影像替代文字經熒幕助讀程式參考以改善網頁協助工具,並由搜尋引擎在索引網站時參考。 有些瀏覽器會在滑鼠懸停時顯示Alt文字。 替代文字可以是幾個字長,並包含仔細選取的關鍵字。

在​ Alt Text ​方塊中,輸入影像的簡短描述。

指派角色

依預設,所有角色都會指派給上傳至產品的第一個影像。 若要將角色重新指派給另一個影像,請執行下列動作:

在​ Role ​方塊中,選擇要指派給影像的角色。

當您返回​ 影像和影片 ​區段時,目前指派的角色會出現在每個影像下方。

指派的角色 {width="600" modal="regular"}

隱藏影像

若要從縮相簿中排除影像,請選取​ Hidden ​核取方塊並按一下​Save

隱藏的影像 {width="600" modal="regular"}

在商店檢視層級管理影像和影片

當您將​ Store View ​選擇器切換到特定存放區檢視(而非​All Store Views)時,Images and Videos​區段會提供其他控制項,用於管理如何顯示該存放區檢視的影像,而不會影響預設範圍。

為商店檢視重新排序影像

在存放區檢視範圍中工作時,Images and Videos​方塊下方會顯示​ Use Default Order ​核取方塊。 選取此核取方塊,將影像顯示順序還原為在預設範圍中定義的順序。

影像和影片 — 商店檢視 {width="600" modal="regular"}

設定商店檢視的影像詳細資料

當您在商店檢視範圍中開啟「影像詳細資料」檢視時,每個欄位(包括​Alt Text、影像​ Role ​指派(基底、小圖、縮圖、色票)和​Hide from Product Page)都會顯示​ Use Default Value ​核取方塊。 選取此核取方塊可繼承在該欄位預設範圍中設定的值。

影像詳細資料檢視 — 存放區檢視 {width="600" modal="regular"}

影像角色

影像角色
說明
Thumbnail
縮圖影像會出現在縮圖相簿、購物車和一些區塊中,例如「相關專案」。 範例大小: 50 x 50畫素
Small Image
小型影像用於類別和搜尋結果頁面上清單中的產品影像,並顯示追加銷售、交叉銷售和新產品清單等區段所需的產品影像。 範例大小: 470 x 470畫素
Base Image
基本影像是產品詳細資料頁面上的主要影像。 如果您上傳的影像大於影像容器,則會啟用影像縮放。 根據您想要達到的縮放等級,基本影像應為容器大小的兩或三倍。 範例大小: 470 x 470畫素(不含「縮放」)、1100 x 1100畫素(含「縮放」)
Swatch
色票可用來說明色彩、圖樣或紋理。 範例大小: 50 x 50畫素

浮水印

如果您不惜建立自己的原始產品影像,您就沒有什麼辦法防止不擇手段的競爭對手用滑鼠點選來竊取它們。 不過,您可以在每張影像上加上浮水印,以識別其屬性,讓這些影像成為較不吸引人的目標。 浮水印檔案可以是JPG (JPEG)、GIF或PNG影像。 GIF和PNG檔案型別都支援透明圖層,可用來讓浮水印具有透明背景。

在下列範例中,small​影像所使用的浮水印,是帶有透明背景的黑色標誌,並使用下列設定儲存為PNG檔案:

  • 大小:50x50
  • 不透明度:5
  • Position:圖磚

並排浮水印 {width="700" modal="regular"}

將浮水印新增至產品影像

  1. 在​ 管理員 ​側邊欄上,移至​Content > Design>Configuration

    如需設計組態的詳細資訊,請參閱設計組態

  2. 尋找您要設定的存放區檢視,然後按一下​ Action ​欄中的​Edit

  3. 在​ Other Settings ​底下,展開​ Product Image Watermarks ​區段的 擴充選擇器

    產品影像浮水印 — Base {width="600" modal="regular"}

    BaseThumbnailSmall​和​ Swatch Image ​影像設定相同。

  4. 使用下列其中一種方法來新增浮水印影像資產:

    • 按一下​Upload,然後在您的系統上選擇要上傳做為浮水印的影像檔案。
    • 按一下​ Select from Gallery ​並從媒體集中選取影像資產。
  5. 完成浮水印顯示的設定:

    • 以百分比輸入​Image Opacity。 例如: 40

    • 輸入​ Image Size ​畫素。 例如: 200 x 200

    • 設定​ Image Position ​以決定浮水印出現的位置。

  6. 完成時,按一下​Save Config

  7. 當提示重新整理快取時,請在系統訊息中按一下​ Cache Management ​並重新整理無效的快取。

    重新整理快取 {width="600" modal="regular"}

TIP
您可以按一下​Use Default Value 箭號傳回 以還原預設值。

刪除浮水印

  1. 在影像的左下角,按一下​Delete 垃圾桶圖示 )圖示。

    刪除浮水印 {width="300"}

  2. 按一下​Save Config

  3. 當提示重新整理快取時,請在系統訊息中按一下​ Cache Management ​並重新整理無效的快取。

    如果浮水印影像持續存在於店面,請返回快取管理並按一下​Flush Magento Cache

recommendation-more-help
commerce-admin-help-catalog