挑戰

Eventbrite是全球最大的自助票務平台。主辦單位每週都會使用 Eventbrite 處理 180 多個國家的 200 萬張門票。

每個活動頁面都是獨特的視覺體驗,組織者為每個活動上傳許多圖像。 Eventbrite 為活動中的每張圖像處理 7 種不同尺寸,以便組織者和與會者可以在電腦、平板電腦和手機上無縫存取它們。

我們每月提供 100 萬張獨特的 Origin 圖像。由於每天都會發布許多新事件,我們最終渲染和服務客戶的圖像數量不斷增加。

在 imgix 之前,Eventbrite 使用一套基於 Amazon EC2 和 Django 建構的內部影像處理工具。 Eventbrite 管理 1000 萬張原始圖像並針對高像素密度設備,可能需要儲存 2 億張衍生圖像。

坐在筆記型電腦上的人
兩人在玻璃窗上解決問題
多人坐在筆記型電腦上

雖然內部影像處理系統很強大,但它增加了基礎設施成本,並且需要全職的工程工作。預處理方法也為 Eventbrite 設計師帶來了束縛。引入新的影像尺寸需要重新處理所有 1000 萬張原始影像。

Eventbrite 橫幅圖片 2

解決方案

Eventbrite 需要一個高效能、靈活的影像處理合作夥伴。我們與 Eventbrite 軟體工程經理 Kevin Stone 坐下來討論他們選擇 imgix 的原因。

「我們對 API 的簡單性很感興趣,」Stone 解釋道。 “將圖像處理和交付轉移到託管產品的機會也是一個勝利。”

整合 imgix 很簡單。我們在一個週末就開發了一個完整的、可工作的原型。

Eventbrite 被 imgix 動態調整圖像大小和裁剪圖像的能力所吸引,這意味著該公司不需要儲存和支付渲染的衍生圖像的費用。

「我們主要關注裁剪和調整圖像大小,以最好地呈現組織者的活動,」斯通說。 「我們的活動清單頁面使用 HTML5 圖片元素配置多種不同尺寸的圖像。使用 imgix 執行此操作既簡單又有效率。

最重要的是實施簡單。 Eventbrite 可以將映像保留在現有的 Amazon S3 儲存桶上,無需將原始影像傳輸到新的儲存系統。

Eventbrite 橫幅圖片 2

結果

由於每頁有多個圖像,Eventbrite 可以節省更多費用。 Stone 計算得出,“imgix 幫助我們為每個設備提供正確的尺寸和格式,為每個圖像節省了至少 100 kB。”

imgix 還可協助 Eventbrite 減少整個網站的載入時間,並在 Web 和本機體驗中提供尺寸完美的圖片。 “imgix,”Stone 指出,“讓我們能夠支援更豐富、更全幀的圖像,而不會減慢頁面速度。”

Eventbrite 結果截圖
我們的開發人員可以簡單地要求所需的圖像尺寸,並將複雜性轉移給 imgix。
Eventbrite 音樂活動結果 1
Eventbrite 音樂活動結果 2

Eventbrite 工程團隊不再需要維護自己的影像處理基礎設施,使團隊成員能夠專注於特定領域的問題。

「imgix 極大地促進了我們產品的轉型,為 Eventbrite 上的活動和體驗提供了更美麗的表達,」Stone 總結道。 “imgix 消除了運行我們自己的媒體處理和管理系統的負擔,使我們能夠專注於構建和提供卓越的票務和活動管理平台。”