電子商務產品圖片的最佳尺寸是多少？

已發表: 2021-12-24

如果您正在經營您的在線商店，那麼圖像優化是您希望成為大師的真正藝術。 從刺激客戶追求谷歌圖像到減少網站加載時間，圖像優化在建立成功的電子商務網站方面發揮著如此重要的作用，因為產品攝影是您在線商店的基石。

如前所述，您是電子商務店主； 然後，您可能會承認電子商務產品照片至關重要。 把任何物品呈現好是成功的關鍵。 您的客戶會想知道珠寶或服裝物品會如何看待它們，或者典型的真皮沙發在他們的客廳中會是什麼樣子。

為你推薦

  • 網站橫幅尺寸：哪個尺寸最有效？
  • 如何成為 Google 信任的商店？
  • 如何找到要在線銷售的產品？

在本文中，您將看到電子商務產品圖片的最佳尺寸是多少？

什麼是圖像優化？

圖像優化在不損失質量的情況下盡可能減少圖像的文件大小，從而使頁面加載時間保持較低。 圖像優化也稱為與圖像 SEO 相關。 這意味著獲取您的商品圖片，以及在 Google 和其他圖片搜索引擎上排名的裝飾圖片。

為什麼產品圖片大小在電子商務網站上很重要？

您可能不知道，圖像是您的電子商務商店最重要的資產之一。

有句話說：

“然而，他們常常被忽視——店主完全忘記了為網絡優化圖像。”

有兩個原因：

  • 由於為您的網站優化圖像是您必須做的永無止境的列表中的另一個額外步驟
  • 它被認為是低優先級，然後很容易被遺忘

但是，如果您希望提高轉化率、忠誠度、客戶參與度甚至終身價值，最好先將注意力轉移到圖像集上。

在繼續之前，讓我們找出為什麼圖像在您的業務成功中如此重要。

1. 第一印像數

圖片或 pi 是您的買家在查看您的產品頁面時首先看到的東西，並且相信前幾秒鐘對於讓他們決定是否繼續尋找您的產品至關重要。

實際上，在 Square 和 BigCommerce 進行的 2017 年研究中，據說美國在線客戶將額外的產品攝影列為他們希望在線品牌提供的第一件事。

2. 一張圖片比1000字更有價值

照片可以幫助客戶更自信地確保產品質量和細節，而不是任何簡短和冗長的描述。

能夠通過優質的產品圖像感受產品就像在真實商店中一樣，任何客戶都可以探索他們正在尋找的物品的許多細節。

BigCommerce 和 Square 的證據證明，大約一半的受訪者表示，他們在網上購物時無法觸摸、感受和嘗試自己喜歡的產品。

3. 移動正在接管

由於移動購物在每個人的生活中變得越來越重要，因此圖像將是必要的，正如 Google 的 Speed Update 舉措所示。 使用圖像而不是文字或文本來判斷和導航您的產品的適用性時，移動用戶的數量更多。

一個清晰且更具吸引力的電子商務項目以某種方式意味著您的項目可以經常被點擊和購買。

4. 圖片會毀掉你的商業網站

請注意，網站的低質量和不專業照片可能會對您的客戶體驗產生負面影響，並在搜索引擎中對其進行排名。

您可能想知道以下三個問題：

  • “您的圖像加載緩慢嗎？”

  • “你沒有包括元描述嗎？”

  • “人們在降落時會彈跳嗎？”

電子商務產品圖片的最佳尺寸是多少？

如果您使用 Photoshop，您可以通過生成空白文件並將其調整為所需尺寸來開發產品圖像模板。 這有助於您保持圖像六的一致性。 有更多關於要求的信息，但幫助您在商店中使用的模板尺寸的最佳起點是最長邊在 1,200 像素到 1,600 像素之間。 請記住，您只需要足夠的細節供客戶放大和縮小。

一個關鍵的考慮因素是如何減少圖像的文件大小，以幫助將頁面加載時間降至最低。 您不必擔心沒有什麼能像加載緩慢的頁面那樣破壞用戶體驗。 事實表明，大約 47% 的用戶現在希望網頁在兩秒內加載，而 40% 的用戶會放棄一個可能需要超過 3 秒才能加載的頁面。

因此，您有必要遠離通常需要較長時間加載的大尺寸圖像。 AIM 圖像文件大小的一般規則是低於 70 kb。 幸運的是，通過使用 Photoshop 的“保存為 Web”工具，可以在不損失圖像質量的情況下減小文件大小。

此外，您還應該考慮這一點：

  • 大約 50% 的客戶不會等待 3 秒來加載網站。

  • 全球平均頁面加載時間正在增加。

  • 亞馬遜發現，如果他們的頁面僅慢一秒鐘，他們每年可能會損失 16 億美元。

  • 谷歌將頁面加載時間作為算法中最重要的排名因素之一。

另一種幫助您減小圖像文件大小的方法是使用 Adob​​e Photoshop 中的“保存為 Web”命令。 使用此工具，您希望將圖像調整為最小文件大小，同時仍關注圖像質量。

  • 質量：您可以在右上角和右上角找到它。

  • 文件格式：您可以在右上角和右上角找到它

  • 優化：您可以在右上角和右上角找到它

  • 顏色：您可以在右上角和右上角找到它

  • 縮小和銳化：您可以在右下角找到它

  • 預期文件大小：您可以在左下角找到它

您還可以選擇使用Export As 。

現在，您可能想知道如何選擇正確的文件類型。

事實上，您可以使用三種流行的文件類型將這些照片發佈到網絡上，包括GIF 、 PNG和JPEG 。

JPEG 或 .jpg 圖像是舊文件類型。 JPEG 現在正在成為 Internet 上事實上的標準照片。 JPEG 照片能夠被壓縮，從而產生具有微小文件大小的高質量照片。

GIF 或 .gif 圖像的質量低於 JPEG 圖像，並且廣泛用於更多圖像，包括裝飾性照片和圖標。 GIF 也有助於動畫。 關於圖像優化，眾所周知，GIF 非常適合任何網頁上的簡單和純圖像。 但是，GIF 對於復雜的圖像並不是一個有用的解決方案，對於較大的圖像來說確實如此。

PNG 圖像作為 GIF 的替代品越來越普遍。 PNG 還支持比 GIF 更多的顏色，並且它們不會隨著時間的推移而像 JPEG 那樣重新保存。 您最好記住，PNG-24 照片的文件大小是 PNG-8 的三倍多。 這就是為什麼您必須小心使用 PNG 的原因。

這裡有幾個提示可以幫助您記住選擇文件類型：

  • 在大多數情況下，在電子商務業務中，JPEG 可以成為您的最佳選擇。 它們可以為您提供最小文件大小的最佳質量。

  • 切勿將 GIF 用於大型產品照片。 這個文件大小會變得很大，而且沒有辦法減小它。 您可以將 GIF 用於縮略圖和僅裝飾圖像。

  • PNG 可以作為 GIF 和 JPEG 的替代方案，是您很好的解決方案。 如果您只能使用 PNG 格式的產品圖片，您可以嘗試使用 PNG-8 而不是 PNG-24。 由於文件非常小，PNG 可以作為簡單的裝飾照片表現出色。

優化在線商店產品圖片的 5 個技巧

1. 描述性和簡單的語言設置圖像名稱

誇大數百張產品照片並仍然保留相機已經分配的默認文件名並不是那麼複雜。

關於圖像 SEP，您應該使用相關關鍵字來使您的網頁在搜索引擎上排名是至關重要的。 生成關鍵字豐富的描述性文件名對於圖像優化至關重要。 搜索引擎將抓取您網頁上的文本和圖像文件名。

讓我們看下面的例子：

您可以應用您的相機已經分配給您的圖像的通用名稱。 但是，最好詳細命名文件。

讓我們想想您的客戶將如何在網站上搜索您的商品。 他們將使用什麼名稱模式進行研究。 例如，購車者可能會搜索以下內容：

  • 2012 紅色福特野馬 LX

  • 福特野馬 LX 紅色 2012

  • 紅色福特野馬 LX 2012

您可以查看網站分析以檢查您的客戶所遵循的關鍵字模式。 您可以決定他們使用的最流行的命名模式，並將該模式用於您的圖像文件命名過程。

如果您不打算使用數據驅動，您可以確保使用重要且相關的關鍵字來命名您的圖像。

2.仔細優化你的alt屬性

當瀏覽器無法正確呈現照片時，Alt 屬性被稱為照片的文本替換。 反過來，它們被廣泛用於網絡可訪問性。 渲染照片時，如果將其懸停，您將檢查 alt 屬性文本。 此 alt 屬性需要為您的網站添加 SEO 值。 將包含相關關鍵字的適當 alt 屬性包含到您網站的圖像中可以幫助您在搜索引擎中獲得更好的排名。 因此，使用 alt 屬性是讓您的電子商務商品出現在 Google 網絡搜索和圖片中的最佳方式。

您可以仔細查看 alt 屬性的源代碼：

<img src=”2012-Ford-Mustang-LX-Red.jpg” alt=”2012 Ford Mustang LX Red”>

在圖像優化方面，首要任務是為您網站上的每張產品照片填寫每個 al 屬性。 以下是 alt 屬性的一些規則：

  • 像對圖像文件名所做的那樣，以通俗易懂的語言描述您的圖像

  • 如果您銷售的商品包含型號或序列號，您可以在 alt 屬性中鍵入它們

  • 停止填充充滿關鍵字的 alt 屬性

  • 停止對裝飾圖像使用 alt 屬性。 搜索引擎可能會因優化過多而懲罰您。

最後但同樣重要的是，讓我們不時進行健全性檢查。 不要忘記查看您網頁的來源並檢查您的 alt 屬性是否正確填寫。 當你以創業的速度前進時，你會對你真正想念的東西感到非常驚訝。

3.選擇合適的圖像尺寸和產品角度

檢查物品的多個角度是很常見的。 您可以查看福特野馬的示例，並且您可能不想展示卡片的照片，通常您正在出售它。 你最好展示一些圖片：

  • 內飾

  • 後部，尤其是空氣擾流板

  • 輪輞

  • 引擎

因此，利用這些額外圖像的最佳方法之一是填寫 alt 屬性。 您可能會做的方式是為每個產品圖像生成唯一的 alt 屬性。 這裡的關鍵點是在您的 alt 屬性中插入描述，以便有前途的研究人員可以登陸您的網站。 如果您執行一些額外的工作，您將獲得 Google 搜索者的獎勵。

4.優化您的縮略圖

許多電子商務網站現在都在使用縮略圖，特別是在類別頁面上，因為它們可以在不佔用太多空間的情況下展示產品。

儘管縮略圖很好，但您應該小心，因為它們可能會成為無聲殺手。 不要忘記您的頁面加載速度。 您的縮略圖通常會在購物過程中的某些重要點上展示。 如果它們阻止您的類別頁面快速加載，您可能會失去潛在消費者。 請注意，Shopify 用戶無需擔心縮略圖優化，因為它會為他們解決這個問題。

因此，你現在應該怎麼做？

  • 確保您的縮略圖文件大小盡可能小。 值得讓高質量幻燈片支持較小的文件大小。 請注意，縮略圖的累積對頁面加載時間有很大影響。

  • 之後，讓您的 alt 屬性發生變化，以免重複您用於類似圖像的較大版本的文本。 因此，您應該使您的 alt 屬性文本不同。 最後要做的是縮略圖應該被索引而不是更大的圖像。

5. 讓您的照片進行測試

優化圖像的全部目的是增加底線。 我們正在討論如何減小文件大小以及如何讓搜索引擎索引您的照片； 但是，我們沒有提到測試圖像來檢查什麼可以轉化為越來越多的客戶。

  • 測試每頁的項目圖片數量。 由於加載時間是幾個非託管電子商務網站的問題，您會發現減少每個頁面上的照片數量將有助於提高點擊率以及銷售額。 您可以在每個頁面上提供大量圖片，以鼓勵用戶體驗，然後引導更多銷售。 找到它的唯一方法是測試它。

  • 測試客戶喜歡做什麼角度。 通過提供消費者希望看到的視圖，您可以看到客戶忠誠度的提高。 找出答案的最好方法之一是調查您自己的客戶，了解他們最喜歡什麼，以查看您的產品照片。 與客戶交談並調查他們被認為是最好的習慣。

  • 測試您最好在類別頁面上有多少項目列表：10、20 或 100 個項目？ 您可以測試您在類別頁面上列出的商品數量，以檢查最適合您的買家的商品。

相關文章

  • 每個商店都需要 20 多個 Best Shopify 應用程序
  • 11 個適合您業務的最佳庫存照片網站

最後的話

圖像具有提升業務外觀和感覺的能力，並且可以很好地作為關鍵的銷售工具。 實現這一點的所有工具都可用，並且您應該嘗試包含最有用的頂部以及上述技術。 我們希望通過我們關於電子商務產品圖片最佳尺寸的完整指南，您可以為您的商店業務高度優化您的圖片。 現在，是時候重新開始了，計劃是關鍵。