Black background with a sleek gray graphic

アプソンソンインフェン、画像ぎぎり、かみつめき、20しっくんぎりぎらい。

顧客

テレビ東京コミュニケーションズは、ユニークなバラエティー番組、アニメシリーズ、ニュース報道で知られる日本の放送業界の大手テレビ東京グループの一員です。テレビ東京コミュニケーションズは、ネットワークのコンテンツ戦略において中心的な役割を果たし、ウェブサイトやアプリを通じて人気番組を世界中に広めています。同社の革新と視聴者への魅力的なコンテンツの提供への取り組みにより、視聴者はこれまでに700万回を超えるアプリのダウンロード数を記録しています。

ザ・チャレンジ

テレビ東京の視聴者がテレビ東京の動画コンテンツを見つけて視聴するうえで、画像は欠かせません。2018 年に Imgix を採用する前、テレビ東京コミュニケーションズのチームは、特に人気番組が放送された後に発生するトラフィックの多い時期に、画像の最適化とページ速度に関する課題に直面していました。

テレビ東京コミュニケーションズのエンジニアリングチームは、ウェブサイトの読み込みの大半を画像で占めていたため、レスポンシブな画像と高速な読み込み時間で常に魅力的なユーザーエクスペリエンスを提供するために、信頼できる画像処理ソリューションを必要としていました。彼らは、複数のエンジニアリング分野で必要とされるコストとリソースを最小限に抑えながら、世界中の視聴者を魅了して拡大することを目指していました。

「必要に応じて機能を使用できるため、ユーザーエクスペリエンスを向上させるだけでなく、エンジニアの学習範囲を広げるための他の変革を模索することができます。」
三浦知子
メディア事業開発部データ&UXデザイン担当副マネージャー


解決策

テレビ東京コミュニケーションズは Imgix と提携して、画像の最適化に関する課題を解決し、すべてのブラウザーとデバイスですべての画像を繰り返しカスタマイズしてテストする必要をなくしました。

Imgix を使い始めるのは簡単でした。3 つの事業部門から集めたさまざまなアセットソースを統合し、単一の UI でパフォーマンスの高い画像の変換と配信を開始しました。アセットの移行が不要になったため、すぐに稼働を開始でき、20万枚の画像を整理して Imgix にアップロードしなければならないという悩みを回避できました。このプロセスは、必然的にファイル管理の問題やストレージコストの膨れ上がりにつながります。

ルールベースのコード実装は、Tokyo TV Communicationsチームにとってシンプルで使いやすいものでした。これにより、ユーザーエクスペリエンスの向上とエンジニアの作業負荷の管理の両方が可能になりました。チームはセットアップを行いました。 自動パラメーター フォーマットと圧縮のため、Imgixで提供されるすべての画像が最新のファイルタイプ(AVIFまたはWebP)に変換され、可能な限り軽量になるので安心できます。

カバー付き 150 種類の画像レンダリング操作 その中から選べるように、チームは視聴者体験をさらに向上させるための他の最適化を試すこともできました。

結果

テレビ東京コミュニケーションズは、Imgixで信頼できるパートナーを見つけ、ブラウザやデバイスを問わず、視聴者に常に最高のビジュアル体験が提供されていると信頼できます。自動画像最適化により画像サイズも大幅に縮小され、ページスピード、SEO ランキング、モバイルコアウェブバイタルのスコアが向上しました。

複数の専門分野にまたがる企業として、「各サービスのエンジニアが複数のデバイスに最適なディスプレイを管理することは常に困難でした」と三浦氏は言います。Imgix を導入したことで、エンジニアリングコストを増やすことなく、同社のデータ&UX デザイン部、メディア事業開発部、テレビ東京コミュニケーションズ株式会社の画像処理プロセスを合理化できました。実際、Imgix のおかげでチームは毎年約 20 日間のエンジニアリング時間を節約でき、その時間をビジネスの成長に向けたより革新的なプロジェクトに集中できるようになりました。

「Imgixのおかげで、ユーザーのデバイスの変更を気にすることなく、シンプルなルールで画像表示を最適化できるようになり、カスタマーエクスペリエンスの他の側面の改善に注力できるようになりました。」-メディア事業開発部データ&UXデザイン担当副マネージャー三浦知子氏


ケーススタディホームに戻る