アダプティブ画像サーブレット

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

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

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

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

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

概要

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

レンディションの選択

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

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

レンディション選択の最適化

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

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

最終変更ヘッダーの使用

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

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

このページ