Dynamic Media画像プリセットの管理

画像プリセットを使用すると、Adobe Experience Manager Assets は異なるサイズや異なる形式の画像、あるいは動的に生成された他の画像プロパティを設定した画像を動的に配信できます。各画像プリセットは、画像表示用のサイズやフォーマットに関するコマンドの事前定義済みコレクションを表します。画像プリセットの作成時には、画像配信用のサイズを選択します。またフォーマットコマンドも選択し、表示対象画像の配信時に画像の見た目が最適化されるようにします。

管理者は、アセットを書き出すためのプリセットを作成できます。ユーザーは画像を書き出すときにプリセットを選択できます。また、この操作によって、管理者が指定した仕様に合わせて画像が再フォーマットされます。

レスポンシブな画像プリセットを作成することもできます。アセットにレスポンシブな画像プリセットを適用すると、画像が表示するデバイスや画面サイズに応じて変化します。画像プリセットは、RGB またはグレーに加えて CMYK をカラースペースで使用するよう設定できます。

ここでは、画像プリセットを作成、変更および全般的に管理する方法について説明します。作成者は画像をプレビューするときに、いつでも画像プリセットを適用できます。詳しくは、画像プリセットの適用を参照してください。

Dynamic Media画像プリセットについて

各画像プリセットはマクロと同様に、サイズおよびフォーマットのコマンドに関する事前定義済みのコレクションが、特定の名前で保存されたものです。画像プリセットの動作を理解するには、Webサイトで、デスクトップとモバイルの配信用に、各製品画像を異なるサイズ、異なる形式、圧縮率で表示する必要があるとします。

デスクトップバージョン（500 x 500 ピクセル）とモバイルバージョン（150 x 150 ピクセル）の 2 つの画像プリセットを作成できます。2 つの画像プリセットを作成します。つまり、500 x 500 ピクセルで画像を表示するための Enlarge プリセットとで、150 x 150 ピクセルで画像を表示するための Thumbnail プリセットです。Enlarge および Thumbnail サイズの画像を配信するために、Adobe Experience Manager では「拡大画像プリセット」と「サムネール画像プリセット」の定義を検索します。その後、Adobe Experience Manager は各画像プリセットのサイズと形式の仕様に従って画像を動的に生成します。

この場合、動的に配信されるときに画像のサイズを削減すると、シャープさと細部の表現が失われる可能性があります。この理由で、各画像プリセットには、画像を特定のサイズで配信するときに最適化するためのフォーマット用のコントロールが含まれています。これらのコントロールによって、Web サイトまたはアプリケーションに画像が配信されるときに、画像がシャープでクリアに表示されるようになります。

管理者が画像プリセットを作成できます。画像プリセットを作成する際に、最初から作業を始めることも、既存のプリセットから始めて新しい名前で保存することもできます。

Dynamic Media画像プリセットの管理

Adobe Experience Manager で画像プリセットを管理するには、Adobe Experience Manager ロゴをタップまたはクリックしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップまたはクリックして​アセット／画像プリセット​の順に移動します。

スマート切り抜き、Adobe Illustrator(AI)、Postscript(EPS)およびPDFファイル形式

AI ファイル、EPS ファイル、PDF ファイルの取り込みをサポートして、これらのファイル形式の動的レンディションを生成できるようにする場合は、画像プリセットを作成する前に次の情報を確認してください。

Adobe Illustrator のファイル形式は PDF のバリアントです。Adobe Experience Manager Assets における主な違いは、次のとおりです。

• Adobe Illustrator のドキュメントは複数のレイヤーを持つ単一のページで構成されます。各レイヤーはメインの Illustrator アセットの下に PNG サブアセットとして抽出されます。
• PDF のドキュメントは 1 つ以上のページで構成されます。各ページはメインの複数ページの PDF ドキュメントの下に単一ページの PDF サブアセットとして抽出されます。

サブアセットは、DAM Update Asset ワークフロー全体で Create Sub Asset process コンポーネントによって作成されます。ワークフローにこのプロセスコンポーネントを表示するには、ツール／ワークフロー／モデル／DAM アセットの更新／編集​をタップします。

複数ページファイルのページの表示も参照してください。

サブアセットまたはページは、アセットを開き、コンテキストメニューをタップし、「サブアセット」または「ページ」を選択して表示できます。サブアセットは実在のアセットです。つまり、PDF ページは Create Sub Asset ワークフローコンポーネントによって抽出されます。その後それらは page1.pdf や page2.pdf などとして、メインアセットの下に保存されます。保存後、それらは DAM Update Asset ワークフローで処理されます。

Dynamic Media を使用して AI、EPS または PDF ファイルの動的レンディションを表示および生成するには、次の処理ステップが必要です。

1. DAM Update Asset ワークフローで、Rasterize PDF/AI Image Preview Rendition プロセスコンポーネントが、（設定された解像度で）元のアセットの最初のページを cqdam.preview.png レンディションにラスタライズします。

2. その後、ワークフロー内の Dynamic Media Process Image Assets プロセスコンポーネントで、cqdam.preview.png レンディションが PTIFF に最適化されます。

PDF/AI/EPS アセットのメタデータプロパティ

Rasterize PDF/AI Image Preview Rendition プロセスコンポーネントのオプションには、DAM Update Asset ワークフローを通じてアクセスします。

左上のAdobe Experience Managerをタップし、ツール / ワークフロー / モデル​に移動します。 ワークフローモデルページで「DAM アセットの更新」を選択し、ツールバーの「編集」をタップします。DAMアセットの更新ワークフローページで、Rasterize PDF/AI Image Preview Renditionプロセスコンポーネントをダブルタップして、ステップのプロパティダイアログボックスを開きます。

PDF/AI 画像プレビューレンディションをラスタライズのオプション

PDF または AI ワークフローのラスタライズの引数

デフォルトのプロセス引数を使用して、PDF/AI ドキュメントの最初のページが 72 ppi でラスタライズされ、生成されたプレビュー画像のサイズは 2048 x 2048 ピクセルになります。通常のデプロイメントでは、解像度を 150 ppi 以上に増やす必要が生じる場合があります。例えば、300 ppi の US Letter サイズのドキュメントの幅と高さにはそれぞれ最大で 2550 x 3300 ピクセルが必要です。

ラスタライズする解像度を制限する最大の幅と最大の高さ。例えば、最大値が変更されず、解像度が 300 ppi に設定された場合、US Letter のドキュメントは 186 ppi でラスタライズされます。つまり、ドキュメントは 1581 x 2046 ピクセルになります。

Rasterize PDF/AI Image Preview Rendition プロセスコンポーネントには、メモリに過度に大きな画像が作成されないように、最大値が定義されています。このような大きな画像は、JVM(Java™仮想マシン)に提供されるメモリをオーバーフローする可能性があります。 それぞれ設定された最大サイズで画像を作成可能なワークフローを、設定した数だけ並行して管理するのに十分なメモリを JVM に提供する必要があります。

InDesign（INDD）ファイル形式

INDD 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認することをお勧めします。

InDesign ファイルについては、Adobe InDesign Server が AEM Experience Manager に統合されている場合にのみサブアセットが抽出されます。参照元のアセットは、メタデータに基づいてリンクされます。リンク設定に InDesign Server は不要です。ただし、リンクが InDesign ファイルと参照元のアセットの間に作成されるには、InDesign ファイルが処理される前に参照元のアセットが Adobe Experience Manager 内に存在する必要があります。

Experience ManagerアセットとInDesign Serverの統合を参照してください。

DAM Update Assetワークフローのメディア抽出プロセスコンポーネントは、事前に設定された「スクリプトを拡張」をいくつか実行してInDesignファイルを処理します。

ExtendScriptは、DAMアセットの更新ワークフローのメディア抽出プロセスコンポーネントの引数に含まれています。

Dynamic Media 統合では、以下のスクリプトが使用されます。

画像のサムネールサイズの設定

DAM アセットの更新​ワークフローで設定することにより、サムネールのサイズを設定できます。画像アセットのサムネールサイズの設定にはワークフローで 2 つのステップがあります。動的画像アセットには1つ(Dynamic Mediaプロセスの画像アセット)、静的サムネール生成にはもう1つ（サムネールを処理）が使用されますが、他のすべてのプロセスでサムネールを生成できない場合は、両方​に同じ設定が必要です。

Dynamic Media プロセスの画像アセット​のステップでは、サムネールは Image Server で生成されます。この設定は、サムネールを処理​のステップで適用される設定とは独立した設定です。サムネールを処理​のステップでおこなうサムネールの生成は、サムネール生成で最も遅く、最もメモリを使う方法です。

サムネールのサイズは次のフォーマットで定義されます。width:height:center。例えば 80:80:false となります。幅と高さによって、サムネールのサイズがピクセル単位で決まります。centerの値はfalseまたはtrueで、trueに設定されている場合は、サムネール画像のサイズが設定で指定されたサイズと完全に同じであることを示します。 画像が指定よりも小さいサイズに変更された場合は、サムネール内で中央揃えされます。

画像のサムネールサイズを設定するには：:

1. ツール / ワークフロー / モデル / DAMアセットの更新 / 編集​をタップします。

2. Dynamic Media プロセスの画像アセット​のステップをタップし、「サムネール」タブをタップまたはクリックします。必要に応じてサムネールのサイズを変更し、「OK」をタップします。

   

3. サムネールを処理​のステップをタップし、「サムネール」タブをタップします。必要に応じてサムネールのサイズを変更し、「OK」をタップします。

   メモ

   サムネールを処理​ステップのサムネール引数の値が、Dynamic Media プロセスの画像アセット​ステップのサムネール引数と一致する必要があります。

4. 「保存」をタップしてワークフローに対する変更を保存します。

と表示されるDynamic Media画像プリセット数の増減

作成した画像プリセットは、アセットをプレビューする際の動的レンディションとして使用できます。Adobe Experience Manager では、詳細表示／レンディション​からアセットを表示すると、様々な動的レンディションが表示されます。表示されるレンディション数の制限を増減させることができます。

表示されるDynamic Media画像プリセットの数を増減するには：

1. CRXDE Lite（https://localhost:4502/crx/de）に移動します。

2. 画像プリセットリストノード（/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist）に移動します。

   

3. 「limit」プロパティで、「値」（デフォルトで 15 に設定されています）を目的の数に変更します。

4. 画像プリセットデータソース（/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource）に移動します。

   

5. 「limit」プロパティの数を、目的の数（例：{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}）に変更します。

6. 「すべて保存」をタップします。

Dynamic Media画像プリセットの作成

Dynamic Mediaの画像プリセットを作成すると、プレビューまたは公開時に、これらの設定を任意の画像に適用できます。

AI ファイル、PDF ファイル、EPS ファイルの取り込みをサポートして、これらのファイル形式の動的レンディションを生成できるようにする場合は、画像プリセットを作成する前に次の情報を確認してください。Adobe Illustrator（AI）、Postscript（EPS）および PDF ファイル形式を参照してください。

INDD 形式の取り込みをサポートし、これらのファイル形式の動的レンディションを生成する場合、画像プリセットを作成する前に次の情報を確認することをお勧めします。InDesign（INDD）ファイル形式を参照してください。

Dynamic Media画像プリセットを作成するには：

1. Experience Managerで、Experience Managerのロゴをタップしてグローバルナビゲーションコンソールにアクセスし、ツール / アセット / 画像プリセット​をタップします。

2. 「作成」をクリックします。画像プリセットを編集​ウィンドウが開きます。

   

   メモ

   この画像プリセットをレスポンシブにするには、「幅」フィールドと「高さ」フィールドの値を消去して空のままにします。

3. 「基本」タブと「詳細」タブに、名前などの値を適宜入力します。オプションの概要については、画像プリセットオプションで説明しています。プリセットは左側のウィンドウに表示され、他のアセットにすぐに使用できます。

   

4. 「保存」をクリックします。

レスポンシブな画像プリセットの作成

レスポンシブな画像プリセットを作成するには、画像プリセットの作成の手順を実行します。画像プリセットを編集​ウィンドウで高さと幅を入力する際に、これらの値を消去して空のままにします。

空のままにすることで、この画像プリセットがレスポンシブであることを Adobe Experience Manager に指示します。他の値は適宜変更できます。

画像プリセットオプション

画像プリセットを作成または編集するときに、ここで説明するオプションを使用できます。またアドビは、最初に使用すべきオプションとして、以下の「ベストプラクティス」のオプションをお勧めします。

• 形式（「基本」タブ） - 「JPEG」または要件を満たす他の形式を選択します。JPEG 画像形式はすべての Web ブラウザーでサポートされ、小さなファイルサイズと画質のバランスが良い形式です。ただし、JPEG 形式の画像では非可逆圧縮方式が使用されるので、圧縮設定が低すぎる場合は望ましくない画像アーティファクトが発生する可能性があります。このため、アドビは圧縮品質を 75 に設定することをお勧めします。この設定は、画質と小さなファイルサイズのバランスが取れた設定です。

• シンプルシャープを有効にする - 「シンプルシャープを有効にする」は選択しません（このシャープフィルターでは、アンシャープマスク設定よりも細かく制御できません）。

• シャープ：再サンプリングモード - 「バイキュービック法」を選択します。

「基本」タブオプション

「詳細」タブオプション

画像の修飾子を使用した画像プリセットオプションの定義

「基本」タブと「詳細」タブで使用できるオプションに加えて、画像の修飾子を定義して、画像プリセットの定義でより多くのオプションを指定することができます。画像レンダリングは、 HTTPプロトコルリファレンスで詳細に定義されている画像レンダリングAPIに依存します。

画像の修飾子を使用して実行できることについて、以下に基本的な例を示します。

• op_invert - それぞれの色成分を、画像の効果が反対になるように逆転させます。

  &op_invert=1
  

  

• op_blur - 画像にぼかしフィルターを適用します。

  &op_blur=7
  

  

• コマンドの組み合わせ - op_blur と op-invert

  &op_invert=1&op_blur=7
  

  

• op_brightness - 明るさを増減させます。

  &op_brightness=58
  

  

• opac - 画像の不透明度を調節します。前景の不透明度を減らすことができます。

  opac=29
  

  

画像プリセットの編集

1. Experience Managerで、Experience Managerのロゴをタップしてグローバルナビゲーションコンソールにアクセスし、ツール / アセット / 画像プリセット​をタップします。

   

2. プリセットを選択し、「編集」をクリックします。画像プリセットを編集​ウィンドウが開きます。

3. 変更を加え、「保存」をクリックして変更を保存するか、「キャンセル」をクリックして変更をキャンセルします。

Dynamic Media画像プリセットの公開

Dynamic Media - ハイブリッドモードを実行している場合、画像プリセットを手動で公開する必要があります。

（Dynamic Media - Scene7 モードを実行している場合、画像プリセットは自動的に公開されるので、以下の手順を実行する必要はありません）。

Dynamic Media — ハイブリッドモードで画像プリセットを公開するには：

1. Experience Managerで、Experience Managerのロゴをタップまたはクリックしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップまたはクリックして​アセット / 画像プリセット​の順に移動します。

2. 画像プリセットのリストから該当する画像プリセットを選択し（複数選択可）「公開」をクリックまたはタップします。

3. 画像プリセットが公開されると、ステータスが非公開から公開済みに変更されます。

   

Dynamic Media画像プリセットの削除

1. Experience Managerで、Experience Managerロゴをタップまたはクリックして、グローバルナビゲーションコンソールにアクセスします。
2. ツール​アイコンをタップし、アセット/画像プリセット​に移動します。
3. プリセットを選択し、「削除」をクリックします。プリセットを削除してよいか確認するメッセージが表示されます。「削除」をタップして削除するか、「キャンセル」をタップして中止します。