アダプティブ画像サーブレット adaptive-image-servlet

コアコンポーネントで画像配信にアダプティブ画像サーブレットを使用する方法と、その使用を最適化する方法について説明します。

WARNING
パフォーマンス上の理由から、画像を DAM に保存し、web に最適化された画像配信を使用することを強くお勧めします。
コンポーネントノードの直下に画像を保存することは、一時的な使用を目的としています。DAM レンディションを活用してアダプティブ画像サーブレットでの処理を減らすことはできず、web に最適化された画像配信のパフォーマンスのメリットが得られないので、パフォーマンスの問題が発生する可能性があります。

アダプティブ画像サーブレットか web に最適化された画像配信か? options

画像コアコンポーネントでは、2 とおりの方法で画像を配信できます。

  • アダプティブ画像サーブレットがデフォルトです。
  • Web に最適化された画像配信は AEMaaCS で使用でき、ダウンロードサイズを平均で 25%削減します。

このドキュメントでは、デフォルトのアダプティブ画像サーブレットについて説明します。

概要 overview

デフォルトでは、画像コンポーネントは、コアコンポーネントのアダプティブ画像サーブレットを使用して画像を配信します。アダプティブ画像サーブレットは、画像処理とストリーミングを担当し、開発者がコアコンポーネントのカスタマイズに活用できます。

レンディションの選択 rendition-selection

アダプティブ画像サーブレットは、表示されるコンテナのサイズに応じて、表示する最も適切なレンディションを自動的に選択します。レンディション選択のプロセスは次のとおりです。

  1. アダプティブ画像サーブレットは、画像アセットの使用可能なすべてのレンディションをレビューします。
  2. 元の参照先アセットと同じ MIME タイプのものだけが選択されます。
    • 例えば、元のアセットが PNG の場合、PNG レンディションのみ考慮されます。
  3. これらのレンディションの寸法が考慮されて、画像を表示するコンテナのサイズと比較されます。
  4. レンディションがコンテナサイズ以上の場合、候補レンディションのリストに追加されます。
  5. レンディションがコンテナサイズより小さい場合は無視されます。
  6. これらの条件により、レンディションはアップスケールされなくなります。アップスケールされると、画質に影響が出るおそれがあります。
  7. アダプティブ画像サーブレットは、候補リストから最も小さいファイルサイズのレンディションを選択します。

レンディション選択の最適化 optimizing-rendition-selection

アダプティブ画像サーブレットは、要求された画像サイズおよびタイプに最適なレンディションを選択しようとします。アダプティブ画像サーブレットで処理をできるだけ少なくするために、DAM レンディションと画像コンポーネントで許可される幅を同期して定義することをお勧めします。

これにより、パフォーマンスが向上し、ベースとなる画像処理ライブラリで一部の画像が正しく処理されない問題を回避できます。

Last-Modified ヘッダーの使用 last-modified

Last-Modified ヘッダーを介した条件付きリクエストは、アダプティブ画像サーブレットでサポートされていますが、Last-Modified ヘッダーのキャッシュを Dispatcher で有効にする必要があります

AEM プロジェクトアーキタイプのサンプル Dispatcher 設定には、既にこの設定が含まれています。

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c