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

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

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

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

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

Dynamic Media 画像プリセットを理解する

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

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

動的に配信される際にサイズが縮小された画像は、シャープさとディテールが失われる可能性があります。 このため、各画像プリセットには、特定のサイズで配信される場合に画像を最適化するための書式設定コントロールが含まれています。 これらのコントロールを使用すると、画像が Web サイトやアプリケーションに配信される際に、シャープで明確な画像を生成できます。

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

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

AEMで画像プリセットを管理するには、AEMのロゴをタップしてグローバルナビゲーションコンソールにアクセスし、ツールアイコンをタップして次の場所に移動します。 アセット/画像プリセット.

Adobe Illustrator（AI）、Postscript（EPS）および PDF のファイル形式

AI、EPS、PDFの各ファイル形式の動的レンディションを生成できるように、AI、AI の取り込みをサポートする場合、画像プリセットを作成する前に次の情報を確認する必要があります。

Adobe Illustrator のファイル形式は PDF のバリアントです。AEM 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 アセットの更新 ワークフローで処理されます。

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

1. 内 DAM アセットの更新 ワークフロー、 PDF/AI 画像プレビューレンディションをラスタライズ プロセスコンポーネントが、設定された解像度を使用して元のアセットの最初のページをラスタライズし、 cqdam.preview.png レンディション。

2. この cqdam.preview.png その後、 Dynamic Media Process Image Assets ワークフロー内のプロセスコンポーネント

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

次にアクセスする PDF/AI 画像プレビューレンディションをラスタライズ を介してコンポーネントオプションを処理する DAM アセットの更新 ワークフロー。

左上の Adobe Experience Manager をタップし、ツール／ワークフロー／モデル​に移動します。の ワークフローモデル ページ、選択 DAM アセットの更新​をクリックし、ツールバーで 編集. の DAM アセットの更新ワークフロー ページで、をダブルタップします。 PDF/AI 画像プレビューレンディションをラスタライズ プロセスコンポーネントを開く ステップのプロパティ ダイアログボックス

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 ピクセルです。

この PDF/AI 画像プレビューレンディションをラスタライズ プロセスコンポーネントには、メモリに過度に大きな画像が作成されないように、最大値が定義されています。 このような大きな画像は、JVM（Java 仮想マシン）に提供されるメモリをオーバーフローする可能性があります。 設定された数の並列ワークフローを管理するのに十分なメモリを JVM に提供する場合は注意が必要です。各ワークフローには、設定された最大サイズの画像を作成する可能性があります。

InDesign(INDD) ファイル形式

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

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

詳しくは、 AEM AssetsとInDesign Serverの統合.

のメディア抽出プロセスコンポーネント DAM アセットの更新 ワークフローは事前設定済みの複数の実行を実行します スクリプトを拡張 をクリックしてInDesignファイルを処理します。

この スクリプトを拡張 引数内のパス メディア抽出 プロセスコンポーネント DAM アセットの更新 ワークフロー。

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

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

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

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

サムネールのサイズ設定は次の形式で定義します。 幅:height:中央​例： 80:80:false. 幅と高さによって、サムネールのサイズがピクセル単位で決まります。中央の値は false または true で、true に設定した場合は、サムネール画像のサイズが設定で指定されたサイズと完全に同じになります。 画像が指定よりも小さいサイズに変更された場合は、サムネール内で中央揃えされます。

サムネールサイズを設定するには:

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

2. 次をタップします。 Dynamic Media Process Image Assets 「ステップ」、「 サムネール タブをクリックします。 必要に応じてサムネールのサイズを変更し、「OK」をタップします。

   

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

   メモ

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

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

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

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

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

1. に移動します。 CRXDE Lite (http://localhost:4502/crx/de) をクリックします。

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

   

3. 内 制限 プロパティを変更するには、 値：デフォルトで 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. AEM で、AEM ロゴをタップして、グローバルナビゲーションコンソールにアクセスします。

2. 「ツール」アイコンをタップし、アセット／画像プリセット​に移動します。

3. 「作成」をタップします。

   

   メモ

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

4. の 画像プリセットを編集 ページで、 基本 および 詳細 必要に応じてタブに名前を追加します。 オプションの概要については、画像プリセットオプションで説明しています。プリセットは左側のウィンドウに表示され、他のアセットにすぐに使用できます。

   

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

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

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

空白のままにすると、この画像プリセットがレスポンシブであることがAEMに示されます。 他の値は適宜変更できます。

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

画像プリセットを作成または編集するときに、ここで説明するオプションを使用できます。さらに、Adobeでは次の 3 つを推奨します ベストプラクティス 開始するオプションの選択：

• 形式 (基本 タブ ) — 選択 JPEG または要件を満たす別の形式を使用できます。すべての Web ブラウザーは、JPEG画像形式をサポートしています。小さいファイルサイズと画質のバランスが取れています。ただし、JPEG形式の画像は非可逆圧縮方式を使用しているので、圧縮設定が低すぎると不要な画像アーティファクトが発生する可能性があります。 このため、アドビは圧縮品質を 75 に設定することをお勧めします。この設定は、画質と小さなファイルサイズのバランスが取れた設定です。
• シンプルシャープを有効にする — 選択しない シンプルシャープを有効にする （このシャープフィルターでは、アンシャープマスク設定よりも細かく制御できません）。
• シャープ：再サンプリングモード — 選択 シャープ 2.

「基本」タブオプション

「詳細」タブオプション

画像の修飾子による画像プリセットオプションの定義

また、 基本 および 詳細 「 」タブを使用すると、画像の修飾子を定義して、画像プリセットを定義する際の他のオプションを指定できます。 画像のレンダリングは、Dynamic Media Image Rendering API に依存しています。 API の詳細は、 HTTP プロトコルリファレンス.

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

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

  &op_invert=1
  

  

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

  &op_blur=25
  

  

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

  &op_invert=1&op_blur=25
  

  

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

  &op_brightness=75
  

  

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

  opac=50
  

  

画像プリセットの編集

画像プリセットを編集するには：:

1. AEM で、AEM ロゴをタップして、グローバルナビゲーションコンソールにアクセスします。

2. 「ツール」アイコンをタップし、アセット／画像プリセット​に移動します。

   

3. プリセットを選択し、をタップします。 編集.

4. の 画像プリセットを編集 ページで、必要な変更を行い、をタップします。 保存.

Dynamic Media 画像プリセットを公開する

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

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

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

1. AEM で、AEM ロゴをタップして、グローバルナビゲーションコンソールにアクセスします。

2. 「ツール」アイコンをタップし、アセット／画像プリセット​に移動します。

3. 画像プリセットのリストから目的の画像プリセットを 1 つ以上選択し、をタップします。 公開.

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

   

ダイナミックメディア画像プリセットを削除

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

Business.Adobe.com リソース

Ecommerce Integrations Automated Onboarding Style System Content Intelligence Theme Editor Managed Cloud