EventbriteがImgixを使用して、180か国以上の何百万ものイベント主催者や参加者に鮮明な画像を配信する方法。
お客様について
Eventbriteは、世界最大のセルフサービス型チケット販売プラットフォームです。主催者は毎週Eventbriteを利用して、180か国以上で200万枚のチケットを処理しています。
課題
イベントページはそれぞれが独自のビジュアル体験であり、主催者はイベントごとに多数の画像をアップロードします。Eventbriteは、主催者と参加者がパソコン、タブレット、スマートフォンのどれからでもスムーズに閲覧できるよう、イベントの画像1枚ごとに7種類のサイズを生成しています。
月間で配信するユニークなオリジン画像は100万枚にのぼります。毎日多くの新しいイベントが公開されるため、最終的にレンダリングして配信する画像の数も増え続けています。
Imgixの導入以前、EventbriteはAmazon EC2とDjangoをベースにした社内の画像処理ツール群を使用していました。1,000万枚のオリジン画像を管理し、高ピクセル密度のデバイスにも対応するには、最大で2億枚もの派生画像を保存する必要がありました。
社内の画像処理システムは堅牢だったものの、インフラコストを押し上げ、専任のエンジニアリング工数も必要としていました。さらに、事前処理型のアプローチはEventbriteのデザイナーの自由度も奪っていました。新しい画像サイズを1つ追加するだけで、1,000万枚のオリジナル画像すべてを再処理しなければならなかったのです。
解決策
Eventbriteには、高性能で柔軟な画像処理パートナーが必要でした。Eventbriteのソフトウェア・エンジニアリング・マネージャーであるケビン・ストーン氏に話を聞き、同社がImgixを選んだ理由を伺いました。
「APIのシンプルさに惹かれました」とストーン氏は説明します。「画像処理と配信をホスト型のサービスに任せられる点も大きな魅力でした」
Imgixの導入はシンプルで、週末のうちに完全に動作するプロトタイプを開発できました。
Eventbriteが特に評価したのは、Imgixが画像のリサイズやクロッピングをその場で行える点です。そのため、生成済みの派生画像を保存し、そのストレージ費用を負担する必要がなくなりました。
「私たちは主に、主催者のイベントを魅力的に見せるために、画像のクロッピングとリサイズに力を入れています」とストーン氏は語ります。「イベント一覧ページでは、HTML5のpicture要素を使って複数のサイズの画像を出し分けています。Imgixを使えば、これをシンプルかつ高いパフォーマンスで実現できます」
何よりも良かったのは、導入の手軽さです。Eventbriteは既存のAmazon S3バケットに画像を置いたまま利用でき、オリジナル画像を新しいストレージシステムへ移行する必要はありませんでした。
結果
1ページに複数の画像があるため、Eventbriteにとって削減効果は大きく積み上がります。ストーン氏の試算はこうです。「Imgixが各デバイスに適したサイズとフォーマットで配信してくれるおかげで、画像1枚あたり少なくとも100 kBを削減できています」
Imgixは、Eventbriteのサイト全体の読み込み時間短縮にも貢献し、Webとネイティブアプリの両方で最適なサイズの画像を配信しています。「Imgixのおかげで、ページを遅くすることなく、より豊かでフレームいっぱいの画像を扱えるようになりました」とストーン氏は話します。
開発者は必要な画像サイズをリクエストするだけで、複雑な処理はImgixに任せられます。
Eventbriteのエンジニアリングチームは独自の画像処理インフラを維持する必要がなくなり、メンバーは自社の事業領域に固有の課題に集中できるようになりました。
「Imgixは、Eventbriteで体験できるイベントやエクスペリエンスをより美しく表現できるよう、プロダクトの変革を大きく後押ししてくれました」とストーン氏は総括します。「独自のメディア処理・管理システムを運用する負担がなくなったことで、優れたチケット販売・イベント管理プラットフォームの構築と提供に集中できるようになりました」
