ドキュメントAEM 6.4Assets ガイド

レスポンシブサイト用に最適化された画像の配信 delivering-optimized-images-for-a-responsive-site

Last update: Thu May 04 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

作成対象：

  • User
CAUTION
AEM 6.4 の拡張サポートは終了し、このドキュメントは更新されなくなりました。 詳細は、 技術サポート期間. サポートされているバージョンを見つける ここ.

レスポンシブサービング用のコードを Web 開発者と共有する場合は、レスポンシブコード機能を使用します。レスポンシブ（RESS）コードをクリップボードにコピーして、Web 開発者と共有することができます。

この機能は、Web サイトがサードパーティの WCM で稼動する場合に有効です。ただし、Web サイトが AEM で稼動する場合は、オフサイトの Image Server が画像をレンダリングして Web ページに提供します。

関連トピック Web ページへのビデオビューアの埋め込み。

Web アプリケーションへの URL のリンクも参照してください。

レスポンシブサイトに最適化された画像を配信するには：

  1. レスポンシブコードを提供する画像の場所に移動して、ドロップダウンメニューで「レンディション」をタップします。

    chlimage_1-408

  2. レスポンシブ画像プリセットを選択します。「URL」ボタンと「RESS」ボタンが表示されます。

    chlimage_1-409

    note note
    NOTE
    「URL」ボタンまたは「RESS」ボタンを使用可能にするには、選択したアセット​ と ​選択した画像プリセットまたはビューアプリセットを公開する必要があります。
    Dynamic Media - ハイブリッドモードでは、画像プリセットを手動で公開する必要があります。Dynamic Media - Scene7 モードでは、画像プリセットが自動的に公開されます。

  3. 「RESS」をタップします。

    chlimage_1-410

  4. レスポンシブ画像を埋め込み ​ダイアログボックスで、レスポンシブコードテキストを選択してコピーし Web サイトに貼り付けて、レスポンシブアセットにアクセスします。

  5. 埋め込みコード内のデフォルトのブレークポイントを編集し、コード内で直接レスポンシブ Web サイトのブレークポイントに一致させます。 また、異なるページのブレークポイントで、異なる解像度の画像が配信されることをテストします。

HTTP/2 による Dynamic Media アセットの配信 using-http-to-delivery-your-dynamic-media-assets

HTTP/2 は、ブラウザーとサーバーの通信方法を改善する、新しく更新された web プロトコルです。情報の転送を高速化し、必要な処理能力を削減します。Dynamic Media アセットの配信は HTTP/2 を使用して行うことができ、応答時間と読み込み時間を短縮できます。

Dynamic Media アカウントでの HTTP/2 の使用方法について詳しくは、コンテンツの HTTP/2 配信を参照してください。

recommendation-more-help
4452738f-2bdf-4cd4-9b45-905a69d607ad