レスポンシブサイト用に最適化された画像の配信 delivering-optimized-images-for-a-responsive-site
レスポンシブサービング用のコードを Web 開発者と共有する場合は、レスポンシブコード機能を使用します。レスポンシブ(RESS)コードをクリップボードにコピーして、Web 開発者と共有することができます。
この機能は、Web サイトがサードパーティの WCM で稼動する場合に有効です。ただし、Web サイトが AEM で稼動する場合は、オフサイトの Image Server が画像をレンダリングして Web ページに提供します。
関連トピック Web ページへのビデオビューアの埋め込み。
Web アプリケーションへの URL のリンクも参照してください。
レスポンシブサイトに最適化された画像を配信するには:
-
レスポンシブコードを提供する画像の場所に移動して、ドロップダウンメニューで「レンディション」をタップします。
-
レスポンシブ画像プリセットを選択します。「URL」ボタンと「RESS」ボタンが表示されます。
note note NOTE 「URL」ボタンまたは「RESS」ボタンを使用可能にするには、選択したアセット と 選択した画像プリセットまたはビューアプリセットを公開する必要があります。 Dynamic Media - ハイブリッドモードでは、画像プリセットを手動で公開する必要があります。Dynamic Media - Scene7 モードでは、画像プリセットが自動的に公開されます。 -
「RESS」をタップします。
-
レスポンシブ画像を埋め込み ダイアログボックスで、レスポンシブコードテキストを選択してコピーし Web サイトに貼り付けて、レスポンシブアセットにアクセスします。
-
埋め込みコード内のデフォルトのブレークポイントを編集し、コード内で直接レスポンシブ 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 配信を参照してください。