画像プリセットの管理

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

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

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

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

画像プリセットについて説明します。

各画像プリセットはマクロと同様に、サイズおよびフォーマットのコマンドに関する事前定義済みのコレクションが、特定の名前で保存されたものです。画像プリセットの仕組みを理解するために、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 サイトまたはアプリケーションに画像が配信されるときに、画像がシャープでクリアに表示されるようになります。

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

画像プリセットの管理

Experience Managerで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 内に存在する必要があります。

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

DAM アセットの更新ワークフローのメディア抽出プロセスコンポーネントの引数で使用される ExtendScript のパス

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

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

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

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

サムネールのサイズ設定は次の形式で定義されます。幅:height:中央（例：80:80:false）。 width と height はサムネールのサイズをピクセル単位で指定します。center の値は false または true で、true に設定した場合は、サムネール画像のサイズが設定で指定されたサイズとまったく同じであることを示します。画像が指定よりも小さいサイズに変更された場合は、サムネール内で中央揃えされます。

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

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

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

   

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

   メモ

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

4. 「保存」を選択して、ワークフローに対する変更を保存します。

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

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

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

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. 「すべて保存」を選択します。

画像プリセットの作成

プレビューまたは公開時に、画像全体に一貫した設定を適用できるように、画像プリセットを作成します。

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

Adobe Illustrator（AI）、PostScript®（EPS）、PDF の各ファイル形式を参照してください。

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

InDesign（INDD）ファイル形式を参照してください。

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

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

2. 「作成」を選択します。

   

   メモ

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

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

   

4. 「保存」を選択します。

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

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

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

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

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

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

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

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

「基本」タブオプション

「詳細」タブオプション

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

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

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

• 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. 変更を加え、「保存」を選択して変更を保存するか、「キャンセル」を選択して変更をキャンセルします。

画像プリセットの公開

画像プリセットは自動的に公開されます。

画像プリセットの削除

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