[AEM Assets]{class="badge positive" title="AEM Assetsに適用）。"}
レスポンシブサイトに最適化された画像を配信する delivering-optimized-images-for-a-responsive-site
レスポンシブコード機能は、web開発者とレスポンシブサービス用のコードを共有する場合に使用します。 レスポンシブ （RESS） コードをクリップボードにコピーして、web開発者と共有できるようにします。
この機能は、Web サイトがサードパーティのWCMを使用している場合に役立ちます。 ただし、Web サイトが Adobe Experience Manager で稼動する場合は、オフサイトの画像サーバーが画像をレンダリングして Web ページに提供します。
Web ページへのビデオビューアの埋め込みも参照してください。
Web アプリケーションへの URL のリンクも参照してください。
レスポンシブサイトに最適化された画像を配信するには：
-
レスポンシブコードを提供する画像に移動し、ドロップダウンメニューで「レンディション」を選択します。
-
レスポンシブ画像プリセットを選択します。 「URL」ボタンと「RESS」ボタンが表示されます。
note NOTE 「URL」ボタンまたは「RESS」ボタンを使用可能にするには、選択したアセット と 選択した画像プリセットまたはビューアプリセットを公開する必要があります。 画像プリセットは自動的に公開されます。 -
「RESS」を選択します。
-
レスポンシブ画像を埋め込む ダイアログボックスで、レスポンシブコードテキストを選択してコピーし、web サイトに貼り付けてレスポンシブアセットにアクセスします。
-
レスポンシブ web サイトに一致させるには、埋め込みコード内でデフォルトのブレークポイントを直接編集します。 また、異なるページのブレークポイントで、異なる解像度の画像が配信されることをテストします。
HTTP/2を使用したDynamic Media Assetsの配信 using-http-to-delivery-your-dynamic-media-assets
HTTP/2は、ブラウザーとサーバーが通信する方法を改善する更新されたweb プロトコルです。 これにより、情報の迅速な転送が可能になり、必要な処理リソースを削減できます。 Dynamic Media Assetsの配信は、HTTP/2を使用してサポートされており、レスポンスと読み込み時間が向上します。
Dynamic Media アカウントでの HTTP/2 の使用方法について詳しくは、コンテンツの HTTP/2 配信を参照してください。