已收藏,可在 我的資料庫 中查看
關注作者
您可能還需要
獨立站
跨境增長 ? 引爆商機
立即報名
加入社群
獨立站近期活動

Shopify產品圖片規(guī)則介紹:Shopify添加產品圖片及圖片尺寸等詳解

本篇介紹Shopify產品圖片規(guī)則。

Shopify產品圖片規(guī)則介紹:Shopify添加產品圖片及圖片尺寸等詳解


產品圖片

產品圖片顯示在您的在線商店中,以便讓您的客戶查看您的產品外觀。這些圖片也用于 Shopify POS 和其他銷售渠道。大多數(shù)產品圖片的最佳文件類型為 JPEG。

圖片顯示在商店上的確切方式取決于您的在線商店模版。

拓展您的業(yè)務

您是否正在尋找免版稅圖片來增強在線商店的顯示效果?您可以從 Burst 下載高分辨率產品和生活照片。

本頁相關主題

圖片尺寸

您的產品和產品系列圖片可以為任何尺寸,最大為 4472 x 4472 px,或 2000 萬像素。產品和產品系列圖片的文件大小需要小于 20 MB才能被添加到 Shopify。

高分辨率照片看起來更精致、更專業(yè)。對于方形產品圖片,2048 x 2048 像素的尺寸通常效果最佳。

每個產品的第一張圖片稱為配圖或主圖片。配圖會顯示在產品系列頁面、購物車頁面、結賬頁面和您的主頁上。

備注:當產品圖片在產品系列頁面上并排顯示時,它們具有不同的大小。若要使圖片看起來大小相同,您需要對添加為精選圖片或主要圖片的所有圖片使用一致的長寬比或高寬比。

添加產品圖片

您可以為一個產品添加多達 250 張圖片。當您添加產品圖片時,Shopify 會自動創(chuàng)建不同的尺寸版本,用于您的在線商店模版中不同的區(qū)域。例如,較大尺寸的產品圖片可能會用于產品詳細信息頁面,客戶需要在此處詳細地查看產品。產品系列模板上不需要采用較大尺寸的圖片,因此,可能會采用同一圖片的精簡版本。

步驟:

(1)桌面

在產品頁面中,單擊產品以查看其詳細信息頁面。

在圖片部分中,從您的計算機中拖放圖片或單擊一個添加圖片鏈接。

如果添加多張圖片,所顯示的尺寸最大的圖片則為產品的主圖片。您可以通過將一張不同的圖片拖動至主圖片的位置來設置新的主圖片。還可以通過拖動其他圖片來對這些圖片進行排序。

(2)iPhone

在 Shopify 應用中,依次轉到產品 > 所有產品。

在產品屏幕中,點擊產品。

在產品詳細信息屏幕上,點擊屏幕頂部的圖片圖標:

Shopify產品圖片規(guī)則介紹:Shopify添加產品圖片及圖片尺寸等詳解

選擇圖片來源,然后選擇想要使用的圖片。

添加圖片后,點擊保存。

設置主圖片:

Shopify 顯示產品時,默認使用產品的主圖片。如果產品有多個圖片,則產品詳細信息屏幕上顯示的第一個圖片是產品的主圖片。您可以隨時為產品設置不同的主圖片。

設置產品的主圖片:

在產品詳細信息屏幕上,點擊第一張圖片以外的任意圖片。

在預覽圖片屏幕上,點擊 ... 按鈕:

Shopify產品圖片規(guī)則介紹:Shopify添加產品圖片及圖片尺寸等詳解

在菜單中,點擊 Make main image(設為主圖片)。

在產品詳細信息屏幕上,點擊保存。

(3)Android

在 Shopify 應用中,依次轉到產品 > 所有產品。

在產品屏幕中,點擊產品。

在產品詳細信息屏幕上,點擊屏幕頂部的圖片圖標:

Shopify產品圖片規(guī)則介紹:Shopify添加產品圖片及圖片尺寸等詳解

選擇圖片來源,然后選擇想要使用的圖片。

添加圖片后,點擊復選標記以保存產品。

設置主圖片:

Shopify 顯示產品時,默認使用產品的主圖片。如果產品有多個圖片,則產品詳細信息屏幕上顯示的第一個圖片是產品的主圖片。您可以隨時為產品設置不同的主圖片。

設置產品的主圖片:

在產品詳細信息屏幕上,點擊第一張圖片以外的任意圖片。

在預覽圖片屏幕上,點擊 ? 按鈕:

Shopify產品圖片規(guī)則介紹:Shopify添加產品圖片及圖片尺寸等詳解

從菜單中,點擊設為默認圖片。

點擊后退箭頭返回到產品詳細信息屏幕。

點擊復選標記以保存產品。

將替代文本添加到產品圖片

替代文字對圖片進行描述,是產品描述的一個重要組成部分。如果出于任何原因圖片無法加載,則會改為顯示替代文字。輔助技術也會用此向存在視覺障礙的客戶描述圖片的內容。包含替代文字可提升網(wǎng)站的搜索引擎優(yōu)化。

確保替代文本簡潔且描述清晰。最大長度為 512 個字符,但建議不超過 125 個字符。

您還可使用 CSV 文件上傳替代文本。

步驟:

(1)桌面

在 Shopify 后臺中,轉到產品 > 所有產品。

單擊要編輯的產品的名稱。

將鼠標懸停在產品圖片上,然后單擊 ALT:

Shopify產品圖片規(guī)則介紹:Shopify添加產品圖片及圖片尺寸等詳解

在圖片替代文本中添加或編輯替代文本。

單擊完成。

(2)iPhone

在 Shopify 應用中,依次轉到產品 > 所有產品。

在產品屏幕中,點擊產品。

在產品詳細信息屏幕上,點擊產品圖片以查看預覽圖片屏幕。

點擊 ... 按鈕:

Shopify產品圖片規(guī)則介紹:Shopify添加產品圖片及圖片尺寸等詳解

在菜單中,點擊編輯替代文字。

輸入替代文字,然后點擊確定。

點擊完成返回到產品詳細信息屏幕。

在產品詳細信息屏幕上,點擊保存。

(3)Android

在 Shopify 應用中,依次轉到產品 > 所有產品。

在產品屏幕中,點擊產品。

在產品詳細信息屏幕上,點擊產品圖片以查看預覽圖片屏幕。

點擊 ? 按鈕:

Shopify產品圖片規(guī)則介紹:Shopify添加產品圖片及圖片尺寸等詳解

點擊編輯替代文字。

在編輯替代文本對話框中,輸入替代文本,然后點擊保存。

點擊后退箭頭返回到產品詳細信息屏幕。

點擊復選標記以保存產品。

將圖片添加到新多屬性

在 Shopify 后臺中,轉到產品 > 所有產品。

單擊要編輯的產品的名稱。

在多屬性部分中,單擊添加多屬性。

創(chuàng)建多屬性時,單擊多屬性詳細信息頁面上的選擇圖片。

選擇產品圖片或單擊添加圖片以添加新圖片。

單擊保存。

將圖片添加到現(xiàn)有多屬性

提示: 您還可以通過在產品頁面上選擇多個多屬性,通過批量操作添加多屬性圖片。

步驟:

在 Shopify 后臺中,轉到產品 > 所有產品。

單擊要編輯的產品的名稱。

在多屬性部分中,單擊圖片圖標以向多屬性分配圖片:

Shopify產品圖片規(guī)則介紹:Shopify添加產品圖片及圖片尺寸等詳解

選擇產品圖片或點擊添加圖片以上傳新圖片。

單擊保存。

保護圖片

盡管您無法阻止人們保存屏幕上的圖片,但如有必要,可以使用 Shopify 應用商店中的應用來添加水印。(來源:Shopify)

以上內容屬作者個人觀點,不代表雨果網(wǎng)立場!如有侵權,請聯(lián)系我們。

相關鏈接:Shopify標簽格式是怎樣?Shopify產品標簽指南一覽

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務 果園 標簽 百科 搜索
雨果跨境顧問
【爆單沖刺】Google爆單沖刺包
雨果跨境谷歌官方顧問

收藏

--

--

分享