EventbriteがImgixを使用して、180か国以上の何百万ものイベント主催者や参加者に鮮明な画像を配信する方法。
顧客
Eventbrite は、世界最大のセルフサービスチケットプラットフォームです。主催者は毎週、Eventbriteを使用して180か国以上で200万枚のチケットを処理しています。
ザ・チャレンジ
各イベントページはユニークなビジュアル体験で、主催者はイベントごとに多数の画像をアップロードしています。Eventbriteは、主催者と参加者がコンピューター、タブレット、携帯電話からシームレスにアクセスできるように、イベントの画像ごとに7つの異なるサイズを処理します。
毎月100万枚のユニークなOrigin画像を提供しています。毎日多くの新しいイベントが公開されているので、最終的にレンダリングしてお客様に提供する画像の数も増え続けています。
Imgixが登場する前は、EventbriteはAmazon EC2とDjangoの上に構築された一連の内部画像処理ツールを使用していました。Eventbrite は 1,000 万枚のオリジンイメージを管理し、ピクセル密度の高いデバイスをターゲットとしていたため、2 億枚の派生画像を保存する必要があった可能性があります。
内部の画像処理システムは堅牢でしたが、インフラストラクチャのコストを押し上げ、フルタイムのエンジニアリング作業が必要でした。前処理されたアプローチも、Eventbriteのデザイナーに手錠をかけていました。新しい画像サイズを導入するには、1,000万枚のオリジナル画像すべてを再処理する必要がありました。
解決策
Eventbrite には、高性能で柔軟な画像処理パートナーが必要でした。Eventbrite のソフトウェア・エンジニアリング・マネージャーである Kevin Stone に話を聞き、彼らが Imgix を選んだ理由について話し合いました。
「API のシンプルさに興味をそそられました」と Stone 氏は説明します。「画像処理と配信をホスト型プロダクトに任せる機会も大きかったです。」
Imgix の統合は簡単でした。週末にかけて、完全に機能するプロトタイプを開発することができました。
Eventbriteは、Imgixがその場で画像のサイズ変更やトリミングができることに惹かれました。つまり、同社はレンダリングされた派生画像を保存して支払う必要はありませんでした。
「私たちは主に、主催者のイベントに最適なプレゼンテーションになるように、画像のトリミングとサイズ変更に重点を置いています」とストーン氏は言います。「私たちのイベントリストページでは、HTML5 画像要素を使用して複数の異なるサイズの画像を設定しています。Imgix でこれを行うのは簡単でパフォーマンスも高いです。」
何よりも良かったのは、簡単な実装でした。Eventbrite は既存の Amazon S3 バケットに画像を保存でき、元の画像を新しいストレージシステムに転送する必要はありませんでした。
結果
1ページに複数の画像があるため、Eventbriteの節約につながります。Stone 氏は次のように計算しています。「Imgix は、各デバイスに適切なサイズとフォーマットを提供することで、画像あたり 100 kB 以上節約できました。」
Imgixは、Eventbriteがサイト全体の読み込み時間を短縮し、ウェブやネイティブエクスペリエンスで完璧なサイズの画像を配信するのにも役立ちます。「Imgix のおかげで、ページの速度を落とすことなく、より豊かでフルフレームの画像をサポートできるようになりました」と Stone 氏は言います。
当社の開発者は、必要な画像サイズをリクエストするだけで、その複雑さを Imgix に任せることができます。
Eventbriteのエンジニアリングチームは、独自の画像処理インフラストラクチャを維持する必要がなくなり、チームメンバーはドメイン固有の問題に集中できるようになりました。
「Imgixは製品の変革を大いに促進し、Eventbriteで体験できるイベントや体験をより美しく表現できるようになりました」とStone氏はまとめています。「Imgix のおかげで、独自のメディア処理および管理システムを運用する負担がなくなり、優れたチケット発行およびイベント管理プラットフォームの構築と提供に集中できるようになりました。」
