UnsplashがImgixを使用して新機能を迅速に構築し、1か月あたり3億5,000万枚の画像を提供する方法
会社
「私たちはビジネスモデルを変え、状況を好転させるための3か月分の現金が残っていました。」
これはどこだった 乗組員は、2013年に設立された、精査されたクリエイティブプロフェッショナルと顧客をマッチングするオンラインマーケットプレイスで、マーケティング予算なしでネットワークの両面を構築する必要がありました。
クルーチームは、このような状況と、最近ウェブサイトをリニューアルした際に使用されていない写真にヒントを得て、Unsplashというユニークな提案のストックフォトサイトを構築しました。それは、ライセンス条件なしで10日ごとに高画質の写真を10枚無料で公開するというものです。
このサイトはもともとTumblrで構築され、Origin ImageのストレージにはAmazon S3を使用していましたが、Unsplashは自己展開型のウェブアプリに切り替え、既存の画像処理ソリューションはユーザーが必要とするほど堅牢ではないことに気付きました。現在、このサイトには 40,000 点以上の Origin 画像が含まれており、Unsplash の写真家やデザイナーのコミュニティによって毎週1000～2000点が追加されています。
ザ・チャレンジ
何千枚もの高解像度写真、複数の画像を多用するレイアウト、さまざまなデバイスに対応しているため、速度を犠牲にすることなくシャープなビジュアルを提供することが重要でした。さらに、コミュニティの急速な成長に伴い、ユーザープロフィールや魅力的なアバターを提供する必要性も高まりました。
プロダクトデザイナーのルーク・チェッサーによると、サイトのスクロールと石積みのレイアウトが無限にあることを考えると、一般的にサイズ変更が問題になるとのことです。ブラウザーのレンダリングとペイントにかかる時間を短縮するには、画像を「ちょうどいいサイズ」で提供する必要がありました。大きな画像を表示して、ブラウザにサイズ変更を要求すると、スクロールが遅くなってしまいます。」
解決策
新しいウェブアプリに移行するにあたり、Unsplashは、これらのサイズ変更の問題に対処し、新機能の開発をスピードアップするのにも役立つ、実装が簡単なソリューションに関心を持ちました。Chesser は、Imgix を使用することで「開発と設計の時間を 1 週間短縮できた」と推定し、Crew は約 1 か月で新しいバージョンを作成できるようになったと推定しています。「それ以来、数千時間とは言わないまでも数百時間のエンジニアリング時間を節約できました」と彼は付け加えます。
クルーは、増え続けるコミュニティをサポートする機能、つまり円形のユーザーアバターを使ったプロフィールにも注力できました。Chesser によると、これは通常複雑な問題であり、2 つの重要な問題を解決するには複数のテクノロジーが必要だそうです。アップロードされた画像が常に正方形であるとは限らず、顔が常に中央に配置されているわけではないということです。Imgix を使用することで、これらの問題はコードを少し調整するだけで解決され、Unsplash はエンジニアリングコストをほとんどかけずに優れたエクスペリエンスを提供できるようになりました。
Imgixでは、2つのパラメーターを指定しただけなので、アバターのトリミングの問題が解決するまでに30秒かかりました。クロップ=フェース そして フィット=クロップ—完璧な円形のアバターを作ること。
結果
Unsplashは小さなチームなので、サイトの成長にはテクノロジースタックを最大限に活用することが不可欠です。Chesser 氏は次のように語っています。「他のすべてのテクノロジーでは、規模を拡大するにつれ、少なくとも 1 つの問題が発生しました。1 年間の使用で、1 か月あたり 2,000 万枚の画像から 3 億 5,000 万枚に拡大したので、Imgix による画像配信の問題は発生しませんでした。」
Imgixを使用することで、Unsplashはコミュニティにアピールする機能の開発に集中できるようになり、大規模な写真サイトとの競争力を高めることができました。チェッサーが言うように、「主要なサイトの中には、Imgixが私たちのために非常にシンプルにしてくれた機能を作るために働いているチームがあるところもあります。」Crewにとって最も重要なのは、Unsplashを立ち上げ、独自のプラットフォームで新機能を迅速に開発したことが、彼らの関心を集め（500万人を超えるユニークサイト訪問者）、新しい才能の流入につながったことです。彼らはその関心をビジネスに変え、はるかに少ない労力で市場を拡大できるようになりました。Unsplashは現在、Crewの新しいデザイナーの #1 紹介元となっています。アンスプラッシュやその他の取り組みにより、クルーは2013年以来15倍に成長し、現在ではIDEOやEventbriteなどの企業にサービスを提供しています。
