aem - AEM でイメージ表示にアクセスする方法

Question

プロジェクトのダムワークフローによってダムで作成された画像のさまざまな表現があります。ページ内の画像にアクセスしたい場合、デバイスに応じて動的にアクセスするレンディションをどのように知るのでしょうか。UI が決定するものなのか、それとも AEM が決定するものなのか。そして、それはディスパッチャーとどのように連携しますか。

どんな助けでも大歓迎です。ありがとう、トゥシャール

Answer 1

コンポーネントが正しい画像をフェッチするようにロジックをコンポーネントに組み込むことができるため、UI はフェッチする画像レンディションを決定します。これを行うには、 picture 要素のようなものや、picturefill ポリフィルのようなものを使用できます。これらの要素を使用すると、画面解像度の最小値と最大値を定義できます。

「ブラウザは、一致するシナリオで明示的に指定された画像のみをダウンロードします。」

さまざまな「srcset」属性を作成して、さまざまなレンディション URL を参照できます。各レンディションには異なる URL があるため、それぞれがディスパッチャーに個別にキャッシュされます。

画像プリセットもチェックしてください。