Web アプリケーションへの URL のリンク

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

これらのURL文字列をWebページやアプリケーションに配置するには、Web ClassicからURL文字列をコピーします。 画像プリセットとともに生成された URL 文字列を取得するには、プレビュー画面または参照パネル(詳細ビュー)に進みます。

画像プリセットの URL の取得

画像プリセットとともに生成された URL 文字列は、プレビューまたは詳細ビューから取得できます。URL をコピーすると、URL はクリップボードに格納され、必要に応じてペーストできるようになります。

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

プレビューからの画像プリセットの URL の取得

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

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

    • アセットウィンドウの上のツールバー右側にある「グリッドビュー」をクリックします。アセットウィンドウで 1 つの画像アセットを選択し、サムネール画像の下にあるプレビュー/画像プリセットリストをクリックします。
    • アセットウィンドウの上のツールバー右側にある「リストビュー」をクリックします。アセットウィンドウで 1 つの画像アセットを選択し、サムネール画像の右側にあるプレビュー/画像プリセットリストをクリックします。
    • アセットウィンドウの上のツールバー右側にある「詳細ビュー」をクリックします。同じツールバーにあるプレビュー/画像プリセットリストをクリックします。
  3. (オプション)画像プリセットリストウィンドウ下部の「URL をコピー生成で使用する URL エンコーディング」ドロップダウンリストで、画像アセットの URL がコピーされるときにアセットの URL に適用する URL エンコーディングを選択します。

  4. 画像プリセットリストウィンドウのプレビューパネルの右上の領域で、選択したプリセットの種類の「URL をコピー」をクリックします。

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

参照パネルからの画像プリセットの URL の取得

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

画像プリセットの URL 文字列について

Dynamic MediaImage Serverに対する画像サイズ変更用のURL呼び出しの基本構文は次のとおりです。

パス/Image Server 名/アカウント名/image画像名?モディファイア 1&モディファイア 2&…

Dynamic MediaImage ServerのURLでは、サーバーへの画像表示の指示は、疑問符(?)の後に表示されます。 例えば、次の URL 呼び出しは、「backpack」という名前の画像を幅 250 pixel で配信します。

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

画像プリセット URL には、画像を適切なサイズおよび形式仕様で表示するためのすべての命令修飾子が含まれています。画像プリセットを使用しない場合は、次の 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 MediaImage ServerがURLの画像プリセット部分(この場合はLarge)を検出すると、「Large」画像プリセットで定義されているサイズと形式の指示を使用します。

Web ページへの動的画像の追加

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

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

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

現在は、<IMG>タグを使用して、静的な画像への参照を、Dynamic Mediaクラシックプラットフォームへの画像プリセット呼び出しで置き換えます。 呼び出しの例を次に示します。

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

この例では、Dynamic MediaImage Serverが$thumbnail$の定義を「検索」し、thumbnail画像プリセットで定義されているサイズおよび形式仕様で適切な画像を動的に生成します。 URL 文字列の、製品の画像のファイル名(この例では backpack_trns)を除くすべての項目は、通常ページテンプレートに直接記述されています。コマースサーバからページテンプレートに自動的に挿入される唯一の項目は、IPS ID または画像の名前です。

このページ