Show Menu
トピック×

Delivering optimized images for a responsive site

レスポンシブサービング用のコードを Web 開発者と共有する場合は、レスポンシブコード機能を使用します。You copy the responsive ( RESS ) code to the clipboard so you can share it with the web developer.
この機能は、Web サイトがサードパーティの WCM で稼動する場合に有効です。ただし、Web サイトが AEM で稼働する場合は、オフサイトの画像サーバーが画像をレンダリングして Web ページに提供します。
レスポンシブサイト用に最適化された画像を配信するには :
  1. Navigate to the image you want supply responsive code for and in the drop-down menu, tap Renditions .
  2. レスポンシブ画像プリセットを選択します。The URL and RESS buttons appear.
    The selected asset and the selected image preset or viewer preset must be published to make the URL or RESS buttons available.
    ダイナミックメディア — ハイブリッドモードでは、画像プリセットを公開する必要があります。ダイナミックメディア — Scene7モードでは、画像プリセットが自動的に公開されます。
  3. 「RESS」をタ ップします
  4. レスポンシブ 画像を埋め込みダイアログボックスで 、レスポンシブコードテキストを選択してコピーし、Webサイトに貼り付けて、レスポンシブアセットにアクセスします。
  5. 埋め込みコード内でデフォルトのブレークポイントを編集して、コード内で直接、レスポンシブ Web サイトのブレークポイントに合わせます。また、異なるページのブレークポイントで、異なる解像度の画像が配信されることをテストします。

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

HTTP/2 は、ブラウザーとサーバーの交信を強化する、新しく更新された Web プロトコルです。このプロトコルを使用すれば、情報の伝送を高速化し、必要な処理能力を抑えることができます。Dynamic Media アセットの配信は HTTP/2 を使用しておこなうことができ、応答時間と読み込み時間を短縮できます。
Dynamic Media アカウントでの HTTP/2 の使用方法について詳しくは、 コンテンツの HTTP2 配信 を参照してください。