レスポンシブサイト用に最適化された画像の配信

最終更新日: 2023-05-09
  • 作成対象:
  • User

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

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

Web ページへのビデオビューアの埋め込みも参照してください。

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

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

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

    chlimage_1-408

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

    chlimage_1-409

    メモ

    URL」ボタンまたは「RESS」ボタンを使用可能にするには、選択したアセット​​選択した画像プリセットまたはビューアプリセットを公開する必要があります。

    画像プリセットは自動的に公開されます。

  3. RESS」を選択します。

    chlimage_1-410

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

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

HTTP/2 による Dynamic Media アセットの配信

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

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

このページ