Chronext 是一家全球豪華手錶市場,它一直在努力解決耗時的背景刪除和更換任務,並在影像品質和載入速度之間尋找平衡。透過實施 imgix,Chronext 簡化了影像處理工作流程、自動背景去除,並將影像反應時間縮短了 80%,同時保持了影像品質。此次合作使 Chronext 能夠增強客戶的視覺體驗,並鞏固其作為值得信賴的高階手錶平台的聲譽。

80%
減少圖片檔案大小
57毫秒
影像反應時間
130m
每月圖像請求

客戶

Chronext是超過 7,000 款豪華手錶型號的全球目的地,其中包括 Rolex (Rolex)、宇舶 (Hublot) 和愛彼 (Audemars Piguet) 等知名品牌。作為全新、復古和經過認證的二手高端手錶的市場,Chronext 需要確保產品圖像準確反映產品描述並與其奢華地位保持一致。 Chronext 技術長 Emanuel Schleussinger 非常注重在 Chronext 網站和 iOS 應用程式中提供連貫且值得信賴的購物體驗。

「在網路上銷售豪華手錶並不是一件容易的事。當客戶的購物車價值超過 10,000 歐元時,我們必須贏得他們的信任,並確保我們提供顯示準確細節的高品質照片。”

- Emanuel Schleussinger,Chronext 首席技術官

Imgix 案例研究的 Chronext 產品庫螢幕截圖

挑戰

在使用 imgix 之前,Chronext 面臨著影像處理的重大挑戰。刪除和替換產品照片的背景對於奢侈品電子商務至關重要,但這是一個繁瑣的過程。內部攝影和設計團隊花費了大量時間進行裁剪和照片編輯,導致資源緊張並減慢了營運速度。

由於 70% 的流量來自行動設備,Chronext 也關注影像品質和載入速度的平衡。它需要圖像具有足夠高的分辨率,以便客戶放大並查看複雜的細節,同時保持檔案大小足夠小以快速加載。最後,團隊希望避免定價複雜且無法預測的解決方案。

「我們希望與一家誠實且關心工程師的公司合作。我們不想要未經證實的解決方案或作為大型企業的副業的圖像 CDN。在研究了其他一些圖像 CDN 後,他們的一些定價結構是複雜且難以預測。

- Emanuel Schleussinger,Chronext 首席技術官

解決方案

為了創建一個有凝聚力的產品圖庫,每個圖像都需要統一居中、裁剪並設置在白色背景上。作為第一批使用 imgix背景去除和替換功能的客戶之一,Emanuel 進行了廣泛的測試,現在將其應用於幾乎所有產品照片。除了背景去除之外,團隊還在imgix渲染API中使用了以下參數:

  • auto=format,compress應用盡力壓縮和影像格式轉換。使用 auto=format 時,影像將盡可能以 AVIF 格式提供。
  • rim=color刪除每個手錶周圍的額外空間。
  • fit=fill接著在手錶的左側和右側新增等量的空間,並使用背景顏色參數中定義的相同顏色,從而產生由ar=1:1定義的方形影像。

imgix 與 Chronext 的網路技術堆疊(包括 Commercetools、Frontastic 和 React)無縫集成,提高了營運效率。

Imgix 案例研究的 Chronext 產品庫螢幕截圖

結果

Chronext 發現它與 imgix 完美契合,imgix 是一個提供強大影像轉換、主動解決問題和公平定價的平台。

透過 imgix,Chronext 能夠大幅簡化工作量並增強視覺體驗。 imgix 不僅自動執行繁瑣的背景去除過程,還將 Chronext 的平均影像反應時間縮短至僅 57 毫秒。使用 auto=format,compress 在不影響品質的情況下,圖片檔案大小平均減少 80%,進一步優化載入速度和效能。

透過卸載影像處理並專注於核心工作負載,Chronext 團隊兌現了對買家和賣家的承諾,鞏固了其作為值得信賴的高端手錶市場的聲譽。

“imgix 滿足了我們對優秀圖像 CDN 的期望。團隊和我們的客戶經理樂於接受反饋,傾聽並解決我們的問題,是我們真正支持的合作夥伴。”

- Emanuel Schleussinger,Chronext 首席技術官

imgix-資產管理器-Chronext