圖片優化是指對產品圖片進行處理的過程,包括調整圖片大小、壓縮圖片以及格式化圖片,使其加載速度更快,同時又不犧牲視覺質量,從而確保消費者在購買前能夠準確評估產品。對於產品資訊流而言,這意味著每一張圖片都需要進行最佳化。 image_link 以及 additional_image_link 價值體現在經過處理的圖片素材上,而不是未經處理的、每張圖片可能高達數兆位元組的原始文件。在產品目錄層面,圖片大小通常是影響產品和類別頁面載入速度的最主要因素,因此,圖片優化是零售商可採取的最有效的技術措施之一。

為什麼影像優化對資訊流性能至關重要

產品圖片承擔著雙重角色:它們是購物者瀏覽搜尋結果或購物廣告輪播圖時最先評估的視覺元素,也是購物者點擊進入頁面後,著陸頁需要載入的最大資源。未經優化的全解析度圖片本身就會拖慢原本快速的頁面載入速度,直接影響網站其他位置的載入速度優化工作。除了速度之外,購物平台也越來越重視圖片品質本身,將其視為評估整體商品資訊品質的一部分——浮水印、佔位符圖片或低解析度圖片都會被標記為影響產品展示效果的問題。擁有成千上萬個 SKU 的商品目錄會放大這兩個問題:單張圖片檔案大小上的微小差異,一旦應用到整個目錄,就會造成巨大的基礎設施成本和速度損失。

影像優化的工作原理

大多數產品目錄的核心技術都大同小異:將圖片調整到實際顯示尺寸,而不是發送過大的原圖;在渠道支援的情況下,轉換為 WebP 或 AVIF 等高效格式;應用壓縮技術,在不產生明顯瑕疵的情況下減小檔案大小。除了靜態圖片,更豐富的商品媒體(包括影片)也日益成為優化討論的一部分,因為像 Google Shopping 這樣的平台現在支援在產品資訊流中顯示專用的影片字段,這些欄位需要進行編碼和託管,Feedance 的Google Shopping video_link 屬性指南對此進行了詳細介紹。大多數團隊還會透過內容分發網路 (CDN) 而非來源伺服器來提供優化後的圖片,從而確保無論購物者身處何地,都能快速加載相同的資源,並透過衡量實際頁面載入速度來驗證優化效果,而不是孤立地評估壓縮設定。

<item>
  <g:id>SKU-10234</g:id>
  <g:title>Organic Cotton Crewneck Sweater - Charcoal, M</g:title>
  <!-- Optimized: resized, WebP, served via CDN -->
  <g:image_link>https://cdn.example-shop.com/img/org-sweater-charcoal-1200w.webp</g:image_link>
  <g:additional_image_link>https://cdn.example-shop.com/img/org-sweater-detail-1200w.webp</g:additional_image_link>
  <g:additional_image_link>https://cdn.example-shop.com/img/org-sweater-lifestyle-1200w.webp</g:additional_image_link>
</item>

每張圖片都按照店鋪實際顯示的最大解析度進行縮放,而不是按照工作室原圖進行縮放,這通常會大幅減小文件大小,而購物者不會看到明顯的品質損失。

相關概念

圖片優化是提升頁面載入速度最直接的因素之一,因為圖片通常佔據產品頁面總大小的大部分,並且直接影響平台對單一 SKU 商品資訊品質的評估。由於圖片欄位位於產品資訊流內部,​​因此優化圖片欄位是少數能夠透過單一變更同時提升廣告效果、自然轉換率和頁面載入速度的有效方法之一。