為您的商店優化 Shopify 圖像大小的終極指南

已發表: 2022-06-24

當您的商店上線時,您需要考慮許多因素來確保您的商店平穩高效地運營。 尤其是客戶去網上購物,他們看不到你直接銷售的產品,也無法控製商品的質量。 因此,他們在決定購買您的產品時會猶豫不決。 換句話說,您需要確保您在網上商店中的圖片具有良好的質量,並展示商品的許多方面,讓您的買家想要購買。 那麼,如果您是 Shopify 店主,那麼這篇文章絕對適合您。 我們將為您提供優化 Shopify 商店的產品圖片尺寸的終極指南。

Shopify 的最佳圖片尺寸

首先,您可能想知道為什麼圖像尺寸對您的 Shopify 商店很重要?

增強用戶體驗:當您創建的照片可以在所有設備上以不模糊、不拉伸的方式查看時,在線買家可以更好地對事物進行成像、理解規格並獲得虛擬的外觀和感覺。 這增強了他們的整體購物體驗。

提高頁面加載速度:通過優化圖片大小,您的網頁都不會變得不必要的大。 頁面上有多少圖像並不重要。 結果,您的網站將在不到三秒的時間內加載,這是消費者可以忍受的最短時間。 如果您需要更快地改進您的網站,您可能需要研究和實施其他 Shopify 商店性能優化建議。

加強其他 SEO 工作:優化您的照片將使您的頁面加載速度非常出色,並有助於您的所有 SEO 活動。 它通知搜索引擎您的網站有他們正在尋找的信息,從而提高您的排名。

接下來,我們將向您介紹一些常見的 Shopify 圖片尺寸

一些常見的 Shopify 圖像尺寸

Shopify 產品圖片尺寸:2048 x 2048 像素或 800 x 800 像素

請記住,您只能上傳最大為 4472 x 4472 像素和 20 MB 大小的 Shopify 產品圖片。 不過,在大多數情況下,這太過分了。 您的商店不需要如此大的圖形,並且會減慢頁面加載時間。 相反,2048 x 2048 像素是 Shopify 建議的方形產品圖片。 為了在卓越的質量和快速的網站加載之間取得完美的平衡,請使用 JPG 或 PNG 格式。 產品照片通常不應小於 800 x 800 像素。 否則,像放大這樣的功能可能表現不佳。

Shopify 系列圖片尺寸:2048 x 2048 像素

當涉及到 Shopify 收藏照片時,沒有要求的尺寸; 但是,它們可以是最大 4472 x 4472 像素或 20 兆像素的任何尺寸。 對於高分辨率方形照片,Shopify 通常建議將圖像限制在 2048 × 2048 像素。

除了尺寸之外,照片集的尺寸都應該彼此一致。 另一方面,它們的高寬比必須保持不變。 否則,它們會破壞您的收藏頁面的界面。

Shopify 幻燈片圖像尺寸:1200 到 2000 像素寬度,400 到 600 像素高度

建議的 Shopify 幻燈片圖片比例在高度 400 到 600 像素之間,寬度在 1200 到 2000 像素之間。

移動到移動/小屏幕視圖時會進行一些縮小和裁剪。 因此,在 Shopify 幻燈片設置中將照片居中。 因此,圖像的頂部、底部和左右部分將被裁剪掉,從而改善整體外觀。

Shopify 標題圖片大小:高度不超過 120 像素

在某些情況下,您可能希望在標題塊中包含照片。 它可以作為即將到來的場合的補充標誌或廣告。 在 Shopify 模版中,頁眉塊的最大高度為 250 像素。 但是,我們建議使用最大高度為 120 像素的照片。

Shopify 橫幅尺寸:1200 x 400 到 600 像素

在決定 Shopify 橫幅尺寸時,您必須考慮特定主題的要求。 例如,在布魯克林主題的情況下,您可以使用 1200×800 像素的照片。

Shopify 徽標大小:450 x 250 像素

最大的 Shopify 徽標為 450 x 250 像素。 側邊欄的 250px 寬度是這個的來源。 儘管保持在該限制內很重要,但您的徽標不必正好是 450 像素寬 x 205 像素高。

然後,我們為您推薦流行的 Shopify 圖像格式

Shopify 1

看看在電子商務攝影中流行的一些最流行的圖像形式。 您必須了解每種方法的優缺點。

JPG/JPEG

Shopify 商店最常用的圖片文件格式絕對是 JPG。 它具有良好的色譜和很小的文件大小,可以快速加載。 JPG 的壓縮能力在質量和大小之間提供了極好的折衷。 在這種情況下,Shopify 明確建議零售商將 JPG 用於產品頁面照片。

PNG

PNG 是在 Shopify 商店中應用的另一種非常流行的圖像形式。 由於它能夠在不影響整體圖像質量的情況下減小圖片文件大小,因此 PNG 非常適合電子商務網站。 此外,PNG 支持透明度,讓您可以更好地控製商店的外觀。 PNG 的無損壓縮是一個挑戰,因為它經常會產生非常大的圖像文件。

動圖

可以使用廣泛使用的圖像格式 GIF(在 Shopify 直銷商店中超級流行)創建簡短的動畫或產品說明。 您的照片不會是最鮮豔的照片,因為 GIF 圖像格式只允許大約 250 種顏色。 但是當與其他圖像格式結合使用時,它們可能真的會大放異彩。

國際電影節

一些網絡編輯工具支持有用的圖片格式 TIFF。 這意味著對於設計師和零售商來說,營銷活動的圖像編輯和定制很簡單。 TIFF 可提供高質量,您可以將多張照片保存在一個文件中。 但是,與 PNG 類似,由於無損壓縮,文件大小會偏大。

如果您不確定要使用哪種圖像尺寸,通常建議選擇 JPG/Jpeg。 正如我們已經確定的那樣,JPG 是唯一能夠成功平衡文件大小和圖像質量的圖像格式。

現在,我們轉向要包含在您的 Shopify 商店中的圖像類型

圖像的類型

僅產品圖片

顧名思義,這些圖片是您商品的單張照片。 僅產品照片從不同角度展示“主要”項目,以幫助客戶做出購買選擇。 它們通常在白色或中性色背景下拍攝。

在拍攝產品時,保持每張圖像排列之間的一致性至關重要。 同樣重要的是要記住 Shopify 無縫用戶體驗的理想圖像尺寸標準。

使用中的產品

在您的 Shopify 商店中應用的第二種攝影是正在使用的產品,可以單獨使用,也可以與增強主要商品的其他商品一​​起使用。

這些類型的圖像將提高潛在買家對產品的理解,並提高參與度和轉化率。

帶有圖形疊加層的照片

要獲得更獨特的外觀,您可以發揮一些創意並將圖形疊加應用到您的照片上,例如文本和其他圖像。 借助 Canva 等程序或類似替代方案,您可以輕鬆完成此任務。

圖形

您可以在 Shopify 商店中使用圖形來顯示信息內容。 這可能是各種選項的可視化表示、尺寸表,甚至是顏色選擇器。

最後但並非最不重要的一點是,如何優化您的 Shopify 產品圖片尺寸

Shopify 產品的圖片尺寸

給你的圖像命名

大多數零售商會匆匆瀏覽大量產品照片,而不會更改默認相機的名稱。 除了抓取頁面上的文本外,搜索引擎還分析圖像的文件名以確定頁面的內容。

壓縮圖像

一般客戶不會等待超過三秒鐘的電子商務網站啟動。 因此,您必須採取所有必要的步驟來使您的頁面加載得更快。

處理頁面速度慢的最佳策略之一是減小照片的文件大小。 為了獲得最大效率,最好將圖像大小保持在 70kb 左右。

幸運的是,Shopify 已經略微減小了照片的大小。 為了進一步減小照片的大小,您還可以使用免費程序 TinyIMG 和 CrushPics。 使用這些工具,您可以一次批量處理多個文件並管理壓縮量。

在您的在線商店中使用一致的風格

請記住不斷修改您的照片,以便為您的網站訪問者在您的在線商店中提供統一的購物體驗。 這意味著對於統一和拋光的外觀,尺寸、樣式、背景,有時甚至顏色排列都應該相同。

包括生活方式和產品攝影

大多數情況下,標準產品攝影和生活方式照片的組合會提高轉化率。 純粹的產品攝影對於讓客戶檢查產品功能至關重要,而生活方式照片使用戶能夠在日常生活中拍攝對象。

使用 A/B 測試找到最佳圖像

最後但並非最不重要的一點是,您應該嘗試照片的各種變化,以發現哪些表現最好。 您可以測試以下內容:

  • 每頁有多少個產品圖片
  • 最有效的圖像類型
  • 每個產品集合頁面的數量有(10、20、100)

要查看用戶如何與您的照片進行交互,請使用 hotjar 之類的熱圖應用程序。 或者,您可以在感謝頁面上使用簡單的購買後調查來詢問客戶他們喜歡的圖像類型。

檢查指南並記住理想的 Shopify 圖像尺寸

為確保您走在正確的軌道上,請查看有關哪些 Shopify 圖像尺寸和格式最適合您的主題的說明。 請記住最佳 Shopify 圖片尺寸。 如果您聘請有經驗的攝影師為您的商品拍照,您可以提前讓他們知道您需要什麼。 通過這種方式,您將節省大量時間!

移動端圖像優化

您是否知道在過去六個月中,有 79% 的移動用戶使用智能手機購物? 因此,在 2022 年及以後,為移動設備優化您的照片將至關重要。

Shopify 經常自動調整圖像大小以適應移動設備和小屏幕設備。 要修改移動設備的照片,您有時可能需要手動更改照片。

要創建適合移動設備的圖片,請應用以下提示:

  • 不要使用過大的圖像,因為它們可能會在移動設備上失真。
  • 保持您的商品在垂直和水平方向居中,並使用方形照片。
  • 為確保您的照片在移動設備上加載得更快,請使用延遲加載。
  • 每次添加圖像時,請檢查它在移動設備上的顯示方式。

使用庫存圖片

在博客和橫幅中,您還可以使用價格合理的庫存照片來說明您的寫作。 但是,由於庫存照片有時可能是通用的,因此請務必通過編輯和應用疊加來打上自己的印記,以使它們與您的業務相關。

結論

通過該主題,我們向您展示了有關如何優化您在 Shopify 商店中的形象的詳盡指南。 有了有用的建議,我們希望您能提高您的圖像產品質量。 如果您的消費者無法全面了解產品,則可能難以購買您的商品。 因此,您在商店中的形像對於吸引更多客戶和促進銷售起著重要作用。 如果您想讓您的商店看起來更有吸引力和更專業,您可以聯繫我們,讓專家可以在下一個級別利用您的商店。