Web アプリケーションへのURLのリンク linking-urls-to-your-web-application

web サイトやアプリケーションは、URL文字列を使用してDynamic Media Image Serverのコンテンツにアクセスできます。 画像を公開すると、Adobe Dynamic Media Classicは、Dynamic Media Image Serverの画像プリセットを参照するURL文字列をアクティブにします。 これらのURLは、Web ブラウザーでテストに使用できます。

これらのURL文字列をWeb ページおよびアプリケーションに配置するには、Adobe Dynamic Media Classicからコピーします。 画像プリセットで生成されたURL文字列を取得するには、プレビュー画面または参照パネル(詳細表示)に移動します。

画像プリセット URLの取得 obtaining-an-image-preset-url

画像プリセットとともに生成された URL 文字列は、プレビューまたは詳細ビューから取得できます。 URLをコピーした後、クリップボードに保存され、必要に応じて貼り付けることができます。

NOTE
URL は、アセットを公開するまでアクティブになりません。

プレビューから画像プリセット URLを取得 obtaining-an-image-preset-url-from-preview

  1. 左側のアセットライブラリパネルで、プレビューする画像アセットを含むアセットフォルダーに移動します。

  2. 次のいずれかの操作を行います。

    • Assets ウィンドウの上、ツールバーの右側にある​ グリッド表示 ​を選択します。 アセットウィンドウで、単一の画像アセットを選択し、サムネイル画像の下の「プレビュー」 > 「画像プリセットリスト」に移動します。
    • Assets ウィンドウの上、ツールバーの右側にある「リスト表示」を選択します。 アセットウィンドウで、単一の画像アセットを選択し、サムネイル画像の右側にある​プレビュー/画像プリセットリスト​に移動します。
    • Assets ウィンドウの上、ツールバーの右側にある​ 詳細表示 ​を選択します。 同じツールバーで、プレビュー > 画像プリセットリスト​に移動します。
  3. (オプション)画像プリセットリストの「URL エンコーディング URL生成のコピー」ドロップダウンリストで、画像アセットのコピー時にURLに適用するURL エンコーディングを選択します。

  4. 画像プリセットリストウィンドウのプレビューペインの右上領域で、選択したプリセットタイプの​ URLをコピー ​を選択します。

  5. 画像プリセットリストウィンドウの右下隅にある「閉じる」を選択して、Assets画面に戻ります。

参照パネルから画像プリセット URLを取得する obtaining-an-image-preset-url-from-the-browse-panel

  1. 左側のアセットライブラリパネルで、プレビューする画像アセットを含むアセットフォルダーに移動します。
  2. Assets ウィンドウの上、ツールバーの右側にある​ グリッド表示 ​を選択します。 アセットウィンドウで、1 つの画像アセットを選択します。
  3. Assets ウィンドウの上、ツールバーの右側にある​ 詳細表示 ​を選択します。
  4. 右側のパネルで「URL」を選択して、画像プリセットのリストを表示します。
  5. クリップボードにコピーするURLを含む画像プリセットの名前の横にある「URLをコピー」リンクを選択します。

画像プリセット URL文字列の概要 about-image-preset-url-strings

Dynamic Media画像サーバーでの画像サイズ変更のURL呼び出しには、次の基本的な構文があります。

パス/画像サーバーの名前/アカウント名/画像名?modifier1&modifier2&…

Dynamic Media Image ServerのURLでは、画像を表示するためのサーバーへの手順は、疑問符(?)に従います。 例えば、このURL呼び出しは、幅250 ピクセルの「バックパック」という名前の画像を配信します。

https://s7d1.scene7.com/is/image/S7learn/backpack?wid=250

画像プリセット URL には、画像を適切なサイズおよび形式仕様で表示するためのすべての命令修飾子が含まれています。 画像プリセットを使用せずに、疑問符(?)の後にあるすべての修飾子命令に注意してください 表示されます。

https://s7d1.scene7.com/is/image/S7learn/backpack?wid=250&fmt=jpeg&qlt=80,0&resMode=sharp&op_usm=1.1,0.5,1,0

ただし、画像プリセットで生成されたURL文字列では、画像プリセット名が、画像プリセットで定義された命令に置き換わります。 例えば、上記の長い URL を表す URL 文字列は、次のようになります。

https://s7d1.scene7.com/is/image/S7learn/backpack?$Large$

URLの画像プリセット名には、ドル記号($)が使用されます。 Dynamic Media Image ServerがURLの画像プリセット部分(この場合はLarge)を処理する場合は、「大」画像プリセットで定義されたサイズと形式の指示が使用されます。

Web ページへの動的画像の追加 adding-dynamic-images-to-your-web-page

Web ページに動的画像を追加する場合、通常、<IMG> タグは、Adobe Dynamic Media Classic URL文字列を使用してDynamic Media Image Serverから画像をリクエストするように変更されます。 この文字列は、画像プリセットによって定義されているサイズおよび形式仕様で画像を生成します。

例えば、静的な画像を開くための次のような一般的な呼び出しの代わりに、

img src="/company_images/products/backpack_thumbnail.jpg"

これで、<IMG> タグを使用して、静止画像への参照を、Adobe Dynamic Media Classic Platformへの画像プリセット呼び出しに置き換えることができました。 呼び出しの例を次に示します。

img src="https://s7d2.scene7.com/is/image/S7learn/backpack_trns?$thumbnail$"

この例では、Dynamic Media Image Serverが$thumbnail$の定義を取得し、thumbnail画像プリセットで定義されたサイズと形式の仕様を使用して、適切な画像を動的に生成します。 URL文字列では、製品画像のファイル名(この場合はbackpack_trns)を除くすべての項目が、通常、ページテンプレート用に設定されます。 コマースサーバからページテンプレートに自動的に挿入される唯一の項目は、IPS ID または画像の名前です。

recommendation-more-help
dynamic-media-classic-help-using