Fastly エッジクラウドプラットフォーム

Image Optimizer

Webサイトのパフォーマンスにおいては、エンドユーザーの近くにコンテンツを移動するだけでなく、すべてのデバイス向けに各ページの画像を圧縮し、できる限り高速にレンダリングしながらコストを削減することも重要です。

はじめに

Fastly を選ぶ理由

Fastly のエッジクラウドプラットフォームは、従来の画像配信ワークフローに代わる、はるかに効率的なソリューションを提供します。Fastly のイメージオプティマイザーはエンドユーザーにより近いネットワークエッジで動作するため、画像の変換や配信に関連するレイテンシが短縮されます。各画像のひとつのバージョンを格納するだけで、Fastly がオンデマンドで最適化されたバージョンに変換、配信、キャッシュすることで、インフラストラクチャの負担を排除します。Fastly のイメージオプティマイザーなら、画像配信のワークフローを簡素化することで、インフラコストの削減やエンドユーザーのエクスペリエンスの向上が望めます。

75%
of total page weight

画像配信ワークフローを簡略化

画像バリエーションを手動で作成するのは、時間を要するだけでなく、エラーも発生しやすくなります。画像を提供するロジックを実装するのも、簡単な作業ではありません。Fastly は、画像の生成・配信ワークフローを簡素化することで、お客様の作業効率を向上させます。

  • サイト内のすべての画像に時間をかけてプリプロセスを行う手間が不要。質の高いソースファイルをひとつ格納するだけで、ビジターのデバイス毎に適切な画像が自動で生成されます。 

  • 最適化ロジックを Fastly のプラットフォームにオフロード。Fastly のスマートなプラットフォームが各ビジターのプロファイルに合わせてルールを定義するので、お客様は手間のかかる作業から解放されます。 

  • Fastly のフル機能 API を活用して画像配信ワークフローを自動化。これまで手動で行っていたリサイズやクロップ、適切な出力品質の設定などを自動化し、人間による作業プロセスを最小限に抑えます。

ンフラコストの削減

画像最適化ソリューションの大半は、ビジターに応じて画像をカスタマイズするためにインフラコストが増加します。各ファイルのさまざまなバージョンの保存にかかるストレージコストも増大し、さらに各ビジターに適したバージョンを常に取得する必要があるのでデータ送信コストも上昇してしまいます。Fastly を利用すると、ストレージのフットプリントやオリジンに送信するリクエスト数を大幅に減らし、サイトの総保有コスト (TCO) を削減できます。

  • 高解像度のソースファイルをひとつ格納すれば済むため、画像のストレージコストを大幅に削減できます。画像バリエーションの保存にかかる高額な費用に頭を悩ます必要はもうありません。 

  • SSD を搭載した Fastly の POP は、ネットワークのエッジからより多くの画像バリエーションを配信できます。キャッシュからの配信を増やすことで、オリジンからの画像取得が必要になる頻度を減らせるので、データ送信コストを抑えられます。

ユーザーエクスペリエンスの強化 

近年の Webサイトのビジターは、サイトのユーザーエクスペリエンスの質に敏感です。画像が正しく読み込まれない、あるいは読み込みに時間がかかり過ぎると、ビジターの39%はそのサイトを離れ、別のサイトを探し始めるという調査結果もあります。Fastly は高度に最適化された画像を迅速に配信できるので、お客様は常に最高のユーザーエクスペリエンスを実現できます。

  • Fastly のエッジクラウドネットワークにネイティブ統合されている Fastly イメージオプティマイザーは、サードパーティーによる「静的なロングテール配信」に関するベンチマークテストで常に最高の評価を受けています。画像を多用したサイトの迅速な読み込みを可能にし、世界中からアクセスするユーザーのエンゲージメントを最大限に高めます。 

  • Web サイト上でのユーザーの行動がリアルタイムのログと分析機能で可視化されるので、お客様が求める結果を生み出すのに最も効果的な最適化方法について、深く理解することができます。 

  • 設定が瞬時に行えるので、設定の編集やデプロイ、ロールバックも数秒で完了できます。これにより、画像変換のルールを細かく調整しながら徐々に改善し、ビジターの期待を超える質の高いユーザーエクスペリエンスを提供できるようになります。

機能

画像操作 :

  • 自動最適化

  • 背景色

  • ぼかし

  • 明るさ

  • コントラスト

  • クロップ

  • フォーマット変換

  • 画像合成

  • 向き

  • オーバーレイ/ウォーターマーク

  • 著作権メタデータの保存

  • 画質コントロール

  • リサイズ

  • 彩度

  • シャープ

  • トリム

対応入力フォーマット :

  • JPEG

  • WEBP

  • PNG

  • GIF & アニメーション GIF

対応出力フォーマット :

  • JPEG (ベースライン & プログレッシブ)

  • WEBP (ロッシー & ロスレス)

  • PNG (8、24、32ビット)

  • GIF & アニメーション GIF

  • AVIF

始める準備はできましたか?

Get in touch